Docs

[arkansasprogressive]

Hey there! Thanks to the excellent tips from these forums, I enabled some custom CSS that placed my social media icons in the Navbar to the right of the logo. I’m very happy with that. However, now, the social media icons are blocking my menu on the mobile version of the site. The site is http://www.thearkansasprogressive.com.

Thanks for your help!

[Rue Nel]

Hello There,

Thanks for writing in! To resolve this issue and display the social icons like this:

Please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-btn-navbar.collapsed:hover,
.x-btn-navbar:hover {
    color: #e5e5e5;
}

@media(max-width: 767px) {
  .c-social {
    float: none;
    margin-top: 20px;
    display: block;
  }
}

We would loved to know if this has work for you. Thank you.

[arkansasprogressive]

That’s closer. The social media icons are under the title now, but there’s no menu. It’s also saying the page isn’t there. Hmmm. What on earth did I do?

[Rad]

Hi there,

The page seems to be working on my end, what URL has that issue?

As for the mobile menu, please add this as well

.x-btn-navbar {
    color: #ccc !important;
}

Thanks!

[Author]

Posts