Home › Forums › WoodMart support forum › Center menu on navbar while scrolling

Center menu on navbar while scrolling

Viewing 17 posts - 1 through 17 (of 17 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.
    November 15, 2024 at 12:09 pm #612359

    Hung Pham
    Keymaster

    Hello kr.daskalov,

    Can you please increase width of sticky logo and check again? https://ibb.co/VvyVH3x

    Regards,

    November 15, 2024 at 6:17 pm #612516

    kr.daskalov
    Participant

    Increasing the width of the sticky logo does not change anything as well.

    By default it was at 200px, but in the browser it shows as 120px.
    Changing it, doesn’t do anything. Cleared the cache and everything.

    Attachments:
    You must be logged in to view attached files.
    November 17, 2024 at 3:08 pm #612736

    Hung Pham
    Keymaster

    Hello kr.daskalov,

    Thanks for your patience.

    To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

    Best Regards,

    November 18, 2024 at 11:29 am #612883

    kr.daskalov
    Participant

    Hi, I need an email, to create temporary login credentials.

    November 18, 2024 at 7:22 pm #613106

    Hung Pham
    Keymaster

    Hello kr.daskalov,

    You can use any random email to create the account. Then share the information here, using the private content field.

    Regards,

    November 21, 2024 at 10:34 am #614106

    kr.daskalov
    Participant

    Here it is.

  • Author
    Posts

Tagged: , ,

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