Responsive Navbar with Slider Revolution

Hi there,

how can I adjust my navbar to have the a responsive feeling such as this one: https://www.saracens.com/?

I’d like to have Slider Revolution running underneath it, if possible.

Thanks.

Hi Ian,

Thanks for reaching out.

Your website is password protected and we can’t see the layout, would mind give us the following information in a Secure Note.

  • WordPress Login URL
  • Admin level username and password

You can find the Secure Note button at the bottom of your posts.

Thank you.

1 Like

Hello Ian,

Thanks for providing the information. I have checked your site and I found out that you have used the slider incorrectly. Please edit your page and remove the section that contains the slider. You will have to assign the slider below your masthead instead. Kindly check out this documentation to implement what you have in mind:

Best Regards.

Thank you. I’ll get into it.

You are most welcome!

Guys, do you have the CSS code at hand to adjust the navbar view from translucid to solid as we scroll down?

Hi Ian,

I added this code in the theme option’s CSS, to change the Background-color of the header on scroll.

Theme-Options-X

    @media (min-width: 980px){
    .home .x-navbar-fixed-top {
      background-color:#000!important;
    }}

Please change the Background-color as per your design

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.
Responsive - Media Queries https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Hope it helps you.
Thanks

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.