This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

need button border for mobile

Resolved 5 replies pluginplugin-widgets-bundlequestion
jhunt62958
5 years ago · Last reply by SiteOrigin 5 years ago

i have tried to create a border around buttons with the following css:

.ow-button-hover {
border-color: #000 !important;
}

.ow-button-hover:hover {
border-color: #000 !important;
}

This works fine for computers but this does not work for mobile or pad. What code do i need to add border to buttons on mobile and pad?

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. SiteOrigin 5 years, 1 month ago

    Hi

    Thanks for posting your question.

    Do you have a public URL where we can take a look at what’s going on?

  2. jhunt62958 5 years, 1 month ago

    Yes, its probably best seen on this page:
    https://www.johndhunt.com/the-path-of-wisdom-page-2/

  3. SiteOrigin 5 years, 1 month ago

    Thanks. In your Custom CSS you have:

    @media (min-width: 769px) {
 	.site-header .site-header-inner {
 	justify-content: flex-start;
}

    The media query is missing a closing bracket so everything below this rule is included in the media query. You’ll need to add a closing } if you want to close this media query at this point.

  4. jhunt62958 5 years, 1 month ago

    That fixed the problem. Thanks!

  5. SiteOrigin 5 years, 1 month ago

    Glad to hear you’re making progress. All the best with your website.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread