Docs

[LbooneT]

Howdy!

1. On mobile, the topbar and navbar overlap and nearly hide my revslider. Is it possible to push both top and nav bars up, allowing the revslider to display more fully?

2. On mobile, text in topbar has a border (almost like a button), is it possible to remove this?

URL: https://www.shelfofman.com/

Respectfully,

Loran

[LbooneT]

*Addition*

On mobile, is it possible to set the responsive menu button (hamburger icon) to just that.. ie, no box with a dark border, simply three white horizontal lines indicating a responsive menu?

If possible, I would like to have the hamburger icon color #efefef, switch to #3399cc on activation, and no background or border for the button itself.

Love all of you!

[Rad]

Hi there,

Thanks for posting in.

1. Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

@media ( max-width: 767px ) {
.x-navbar-fixed-top-active header.masthead.masthead-inline {
    height: 0;
    min-height: 146px;
}
}

2. Please add this as well,

.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {
    font-size: 17px;
    color: #3399cc;
    background: transparent;
    box-shadow: none;
}

Hope this helps.

[LbooneT]

This reply has been marked as private.

[Rue Nel]

Hello There,

Please have the code updated and make use of this code instead:

@media(max-width: 979px){
  .x-navbar-fixed-top-active header.masthead.masthead-inline {
    height: auto;
    max-height: 92px;
  }
}

And since you have installed a caching plugin W3 Total Cache, please clear your plugin cache first before testing your site again. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Please let us know how it goes.

[LbooneT]

Very much appreciated. It works great for full size and small screens, but for mid size screens the navbar is no longer transparent, it is now gray. The submenu still has transparency.

[Rupok]

Hi there,

The code will work below the screen size 979px. You can increase the max-width of the media query or define your own media query.

Thanks!

[Author]

Posts