Home>Support>need button border for mobile

need button border for mobile

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 months, 4 days ago Aaron Evans Hi, I Work Here

    Hi

    Thanks for posting your question.

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

  2. 8 months, 28 days ago jhunt62958

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

  3. 8 months, 28 days ago Aaron Evans Hi, I Work Here

    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. 8 months, 24 days ago jhunt62958

    That fixed the problem. Thanks!

  5. 8 months, 24 days ago Aaron Evans Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More