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

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.

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

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

Hello,

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

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

Best Regards

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.

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

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:

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

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.

Hello,

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

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

Best Regards

[Author]

Posts