Center menu on navbar while scrolling

This topic has 10 replies, 2 voices, and was last updated 2 hours, 41 minutes ago by kr.daskalov.

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
November 9, 2024 at 12:44 pm #611023

kr.daskalov
Participant

I have removed one item from the menu, but when scrolling across the website, it is not centered? How do I fix it?

Attachments:
You must be logged in to view attached files.

November 11, 2024 at 1:54 pm #611268

Hung Pham
Keymaster

Hello kr.daskalov,

Thanks for reaching to us and appreciate your patience.

You see the menu is ‘not’ centered because the container of logo is smaller than other so it makes you feel like that. https://prnt.sc/26-Adkw0G8ZX

Kind Regards,

November 11, 2024 at 2:17 pm #611283

kr.daskalov
Participant

Hi Hung, would you please point me to where I could change these settings?
I looked inside header builder, html blocks and widgets, but I can’t really find this sticky header, that appears on scroll only.

Thank you.

November 11, 2024 at 2:39 pm #611288

Hung Pham
Keymaster

Hello kr.daskalov,

Sorry, but your question is a bit unclear to me. Please describe in more details, this will allow me to thoroughly investigate and address your concerns in a more efficient.

Regards,

November 11, 2024 at 4:02 pm #611320

kr.daskalov
Participant

Well, you see, the navbar that appears when you are scrolling (sticky navbar) is not the same as when you are at the top of the page, right? How do I access the settings of the sticky navbar? So as to change the logo container width, as you have suggested.

Attachments:
You must be logged in to view attached files.

November 12, 2024 at 9:15 am #611502

Hung Pham
Keymaster

Hello kr.daskalov,

Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through admin bar directly https://prnt.sc/Ct9ehRDvvDV9.

Disable Sticky header clone option https://prnt.sc/uKCCAWsUbXg4,

Click on the Settings button > turn on Make it sticky option https://ibb.co/RQJNRLQ https://ibb.co/yskkxD1

Please refer to documentation for more details

https://xtemos.com/docs-topic/woodmart-header-builder/
https://xtemos.com/docs-topic/how-to-enable-sticky-header-option/

Regards,

November 12, 2024 at 6:03 pm #611702

kr.daskalov
Participant

Ok. That would work, but I like how when scrolling, the navbar contains all of the information — the logo, menu and the additional buttons on the right, but in a more compact way and in a single row.

The proposed method would just make the first section sticky, which does not contain menu navigation.

Isn’t there a way to just edit the horizontal spacing of the sticky header?

Thank you for your assistance.

November 13, 2024 at 10:21 am #611810

Hung Pham
Keymaster

Hello kr.daskalov,

Provide me with the mockup of the styles that you try to achieve and we’ll send proper instructions if it’s possible.

Regards,

November 13, 2024 at 3:02 pm #611900

kr.daskalov
Participant

Hi,

Here is a graphic explanation of what I want.

Attachments:
You must be logged in to view attached files.

November 14, 2024 at 8:22 am #612041

Hung Pham
Keymaster

Hello kr.daskalov,

Thanks for details.

Please edit the Main header layout and select the second one and double check https://ibb.co/r3Sn2JH

You can read more about the layouts here https://xtemos.com/docs/woodmart/header-builder/header-rows-flex-layouts/

Regards,

November 14, 2024 at 10:44 am #612082

kr.daskalov
Participant

That didn’t do it. Is it possible that the compressed sticky navbar (while scrolling) just has different settings from the main fixed one on the top?

Attachments:
You must be logged in to view attached files.
Author

Posts