blending the navigation bar with the revolution slider img

[juanka777]

I just purchased your yogi theme, it's awesome but I would like to make the fix nav bar to blend in with the revolution slider image, exactly like the one in your dreamer theme. Is this possible? if so, would you walk me through it?

Thank you

Add New Note to this Reply

[Kan Nguyen]

Hi,

If you willing to change the style for Menu Center Vertical to the similar style of dreamer, I can help you with some CSS ( If you wish to keep the 2 styles, you'll have to add another meta option to this theme and I can't help you on it ). Here is the CSS, you can add it to Customizer -> Custom Code -> Custom CSS:

@media ( min-width: 992px ) {
    body.page-menu-center-vertical:not(.boxed-layout) .navbar.navbar-default:not(.navbar-fixed-top) {
        top: auto;
        -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0);
    }
}

Best regards,
Kan Nguyen

Add New Note to this Reply

[juanka777]

Hello Kan,

Thank you so much, that's perfect. Exactly what I wanted, thanks for the quick reply as well. One more small question, how do I make so in the nav bar, the name of my site or logo doesn't show the color box around it? Like in the yogi demo, I don't want the red box around the logo. Thanks for the help

 

Juan

Add New Note to this Reply

[juanka777]

Never mind, I found my answer in another post

body.page-menu-center-vertical:not(.boxed-layout) .navbar.navbar-default:not(.navbar-fixed-top) .navbar-brand,

.navbar-fixed-top .navbar-brand { background: transparent; }

Add New Note to this Reply

[Author]

Posts