Sticky header no display of logo

KimsyMonty · July 2023

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 · July 2023

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

KimsyMonty · July 2023

Bildschirmfoto 2023-07-17 um 16.28.02.png

Bildschirmfoto 2023-07-17 um 16.28.11.png

https://lappan86.de/

xPr3F3nq7iXqLYq!

Phil · July 2023

Are you sure that this password is correct?

It does not work for me.

Best regards

KimsyMonty · July 2023

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

Phil · July 2023

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

KimsyMonty · July 2023

That worked, thank you!

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

Bildschirmfoto 2023-07-17 um 20.13.26.png

Phil · July 2023

Use this:

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

Best regards

Sticky header no display of logo

Comments