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
Started · Latest reply by SiteOrigin

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

    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

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

  3. SiteOrigin

    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

    That fixed the problem. Thanks!

  5. SiteOrigin

    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