Sudden margin under header

A margin of 40px suddenly appeard underneath one of my two headers:

.whb-header {
    margin-bottom: 40px;
}

I can’t seem to find which setting triggered this behaviour.

As mentioned before I have 2 headers, the one I use on checkout doesn’t have this problem.

(I don’t like solving theme issues with extra CSS, as my last page got bloated with over 1.000 lines of extra CSS, this time I’d like to have it on minimum)

I forgot the URL:

Hello,

I have visited the URL you provided.

Please Go to WoodMart >> CSS Generator >> Generate CSS.

Clear cache and check back.

If the problem continues then please provide admin panel login details of the website to check it myself and help you out accordingly.

Best Regards.

Hi Aizaz,

Did that, the margin is still there.

1. I am testing Elementor and Wp Bakery to see which one is better for my needs.
2. I have two same pages made with each one of them page builders
3. I have two different menus
4. Tried to deactivate both of page builders

The problem persists on all the combinations above.

Hello,

I have tried to login to your website and the login URL is not working.

We haven’t tested our theme with Elementor Page Builder. It might be the issue caused by the Elementor page builder plugin that you have created the page with.

Please make sure you have set the page that is created with Wp-Bakery page builder to the front-page of the website.

If the problem continues then provide with correct login credentials to check it myself and help you out accordingly.

Best Regards.

Hi,

As I mentioned before I tried all versions, elementor, wpbakery, etc. I disabled all plugins etc. the problem persists.

From which country are you trying to access the admin? you might be blocked.

Hello,

I am trying to login from Pakistan.

Best Regards.

Try now, Pakistan is unblocked.

Hello,

I have visited your website and it seems that you are not using the latest version of the WoodMart theme.

Screenshot for Clarification: https://ibb.co/555nxsH

Please make sure you are using the latest versions of the theme and recommended plugins.

Then Regenerate the CSS file.

Clear cache and check back.

Best Regards.

Hi Aizam,

did all that, margin still there 🙁

Hello,

I have inspected your website and the CSS is directly coming from theme files. You can remove it by overriding it by using custom css.

Screenshot for Clarification: https://ibb.co/LJzgSVX

Or you can edit the theme core files and remove the CSS from There.

Best Regards.

[Author]

Posts