Home › Forums › WoodMart support forum › Need help with adding top margin/spacing for the “All Categories” menu

Need help with adding top margin/spacing for the “All Categories” menu

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 21, 2026 at 11:03 pm #716614

    billal1997.bd
    Participant

    Hello WoodMart Support Team,

    I am looking for some assistance regarding the styling of the “All Categories” menu bar in my header.

    I have attached two images to explain my requirement:

    In the first image, the green background of the category menu is stuck to the very top.

    In the second image, you can see a small white gap/space above the green background.

    I want to achieve the look in the second image, where the green bar is shifted slightly downwards by adding some space (top margin) above it.

    Could you please provide the Custom CSS to achieve this or guide me through the Theme Settings to adjust this spacing?

    Looking forward to your response.

    Attachments:
    You must be logged in to view attached files.
    April 22, 2026 at 3:02 pm #716677

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Unfortunately, I am unable to visit your site at the moment due to maintenance mode. Please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

    Best Regards

    April 22, 2026 at 9:12 pm #716726

    billal1997.bd
    Participant

    Maintenance mode Bypass link
    https://ummatibazar.com/?bypass_code=RMOZXvkkMqJdEYUm

    April 23, 2026 at 12:22 pm #716762

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Try to add this CSS in Theme Settings > Custom CSS:

    .whb-header-bottom .wd-header-cats {
    margin-top: 10px !important;
}

    Best Regards

    April 23, 2026 at 11:52 pm #716807

    billal1997.bd
    Participant

    Hello Team,

    Thank you for the CSS code.

    I tried adding the code you provided to Theme Settings > Custom CSS > Global and desktop CSS, but I am facing a technical issue. Every time I paste the code and click “Save Settings,” the code disappears after the page refreshes. It is not staying in the CSS box, and as a result, the changes are not reflecting on my website.

    I have cleared my browser cache and site cache, but the problem persists. Could you please check why the Theme Settings are not saving this specific CSS? Or, if possible, please suggest an alternative way to apply this code (perhaps via a Child Theme or another method).

    Code I am trying to add:
    .whb-header-bottom .wd-header-cats {
    margin-top: 10px !important;
    }

    Attachments:
    You must be logged in to view attached files.
    April 24, 2026 at 9:56 am #716822

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site and then check the issue. I am sure your issue will be solved. Then, activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

    Otherwise, if the issue still exists then keep the 3rd party plugins deactivated and share the WP admin login details of your site so I will check and give you a possible solution.

    Best Regards

    April 24, 2026 at 10:39 pm #716879

    billal1997.bd
    Participant

    Hello,

    Thank you for your response.

    As per your suggestion, I have deactivated all 3rd party plugins and kept only the theme-required plugins active. However, the issue remains the same—the Custom CSS is still not saving and disappears after clicking \”Save Settings.\”

    Since the issue persists even with 3rd party plugins disabled, I would like you to investigate further. Please find my WP Admin login details below:

    April 25, 2026 at 9:35 am #716904

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    I have added the custom css code in theme settings > custom css on your site and it is saving and working fine.

    See Screenshot for clarification: https://postimg.cc/nsjCDGhb

    Best Regards

    April 25, 2026 at 4:27 pm #716935

    billal1997.bd
    Participant

    Hello Team,

    Thank you for your previous assistance.

    I have one more adjustment needed. I noticed that there is now a noticeable gap between the “All Categories” button and the dropdown menu that appears when clicked. I have attached a screenshot where I marked the gap in red.

    I want to remove this space so that the dropdown menu starts directly below the green category bar without any gap.

    Could you please provide the CSS to fix this or let me know which setting controls this offset?

    Looking forward to your help.

    Best regards,

    Attachments:
    You must be logged in to view attached files.
    April 27, 2026 at 9:24 am #716965

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Try to add this CSS in Theme Settings > Custom CSS:

    .whb-header-bottom .wd-dropdown {
	margin-top: -10px !important;
}

    Best Regards

  • Author
    Posts

Tagged: 

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