Docs

[mahmoud237]

I want to make the logo appear on navbar on the left side after scrolling down like this site :

Homepage

Also, I want to change the navbar color while scrolling between sections … how can I do that ?

[mahmoud237]

This reply has been marked as private.

[Nico]

Hi There,

Thanks for writing in.

You can check the link below to appear logo upon scrolling down.

https://community.theme.co/forums/topic/header-logo-appears-when-scroll-down/

and for the scroll down change navbar color, you can check the link below.

https://community.theme.co/forums/topic/transparent-navbar-and-change-to-colour-when-scrolled-down/

Hope it helps.

Thanks.

[mahmoud237]

Sorry, but I didn’t understand how to change the navbar color from the previous link … it didn’t work for me .

I want every section of the home page to have a specific color of the navbar .

[Rupok]

Hey there,

Thanks for writing back! Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[mahmoud237]

No problem .. I used this code to make logo appear aftr first section and it worked

.home .x-navbar .x-brand {
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.5s linear;
}

.home .x-navbar.x-navbar-fixed-top .x-brand {
   opacity: 1;
   visibility: visible;
   transition: opacity 0.5s linear;
}

I need the logo to float all the way to the left side .. how can I do that ?

[mahmoud237]

Never mind .. I make it with this code

`
.x-container.max {
max-width: 1250px;
}

.x-container.width {
width: 95%;
}`

[Rad]

Glad to hear that and thanks for sharing.

[Author]

Posts