Banner covers menu

If you can add custom css to your theme,

.navbar-transparent {
    padding-top: 40px;
}

should fix it for your site.

Thank you for the reply.
Unfortunately it does not seem to work.
Any idea? Thanks again.

If you can add custom css to your website, not through the simple-banner plugin, that will work. If you can’t add custom css to your website, unfortunately there is nothing I can do to help. This plugin isn’t under active development and may not work for all themes.

I added it directly to the style.css file of the theme but unfortunately it still does not work.
I guess my theme does not work with the plugin ??

I took a look at your site, the site theme overrides your stuff so you’ll have to add !important to what you add.

.navbar-transparent {
    padding-top: 40px !important;
}

Thank you again.
It is now working great on the home page but not on the other pages.

Your theme uses a javascript effect on the homepage that adds the class navbar-transparent to your navbar and removes it when you scroll down. But unfortunately it only does this for the home page. If there is a setting to do that on all pages then enabling that will fix the banner on other pages. Otherwise you can add

body:not(.home) .navbar {
  padding-top: 40px !important;
}

You are brilliant!
I really lie this plugin.
Thanks again.

No worries, glad you like it.

One last thing.
Do you think there is any way the banner can scroll with the menu?
Meaning, when the page gets scrolled down, the banner sticks with the menu.

to simple banner css add position: fixed; and then replace

body:not(.home) .navbar {
  padding-top: 40px !important;
}

with

.navbar {
  padding-top: 40px !important;
}

• This reply was modified 8 years, 2 months ago by rpetersen29.

Perfect!