Sticky header no display of logo

KimsyMonty

Hey,

the text in my header is usually aligned at the middle (and the logo sits on top) and when I scroll it goes to the right and the logo goes left. I don't want the logo to be visible and the navigation should stay the same as usual. How can I do that and not have the logo in the sticky header?

thanks

Phil

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

It is always a good idea to also attach a screenshot showing your issue.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

KimsyMonty

https://lappan86.de/

xPr3F3nq7iXqLYq!

Phil

Are you sure that this password is correct?

It does not work for me.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

KimsyMonty

sorry, please try this one: A!qMX@@B9pp5AGH5

Phil

Try the following CSS code:

#Top_bar.is-sticky .logo{
   display: none;
}
#Top_bar.is-sticky .top_bar_left{
   display: flex;
   justify-content: center;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

KimsyMonty

That worked, thank you!

Now I just have a weird white background behind the tabs. How can I remove that?

Phil

Use this:

.sticky-white #Top_bar.is-sticky{
   background-color: #fff!important;
   opacity: .8;
}

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next