Issue with align in header (html blocks)

Hi,

While in homepage and pages the top bar in header looks properly, there is an issue (wrong allign) in products and product catrgories.

Take a look in attach screenshots.

I use html block build with elementor for top bar in header.

Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshots you attached.

Please try recreating the HTML Block and then add it to the header then clear cache and check back.

If the problem continues then deactivate all the third-party plugins and provide admin panel login details of the website to check it myself and help you out accordingly.

Best Regards.

Hi,

I already create it 2 times, but the issue stays the same.
I already provide you in my first message all the details you need.

Basically in single products seems ok.
The problem is in shop main page, product categories and my account page.
I didnt test it in posts articles.

Hello,

Please try adding the following Custom CSS in the Custom CSS for the Desktop area under Theme Settings >> Custom CSS.

.whb-html-block-element .elementor .elementor-inner .elementor-section-wrap
section.wd-negative-gap.elementor-section.elementor-top-section.elementor-element.elementor-section-stretched.wd-section-stretch-content.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
left: -131.5px !important;
}
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: unset !important;
}

Regard’s.
Xtemos Studios.

Hi,

The above code seems to work for me.
I will test it again and let you know for any issue.

Hello,

I am marking this topic as resolved and if you find any issues then you can create a new topic.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts