Header Blank Section

Hello,

I have big issues about Main Header.

I have weird blank section under Logo on “Mobile”. (Main Page)

and Product Categories is displayed on underneath the Slides.
Could you help this issues? Here’s our website details. Please check it on Mobile.

Best.

Attachments:

You must be logged in to view attached files.

Hello,

This padding is important for all the Woocommerce templates, in order to remove it from the home page you need to add this negative margin to the first section https://prnt.sc/uhivji

If you have any questions please feel free to contact us.

Best Regards

Hello,

I understand about that, but there wasn’t the section before.

when I add categories menu at Header builder mobile, it is displayed in a mess.

I want them to align Center in two lines.

Please check our website and help this issue.
I attached a screenshot (mobile view)

Attachments:

You must be logged in to view attached files.

Hello,

Please create a menu and assign it as the mega menu in Appearance > Menu.

Best Rgards

Hello,

Thank you for your reply.

❶Yes, I created menu and added mega menu, but it is still displayed on the leftt side. (especially, The First Line)

❷I’ve tried to add negative margin as you mentioned to remove the Blank section, but it’s still there.

I apologize for keep asking .

Attachments:

You must be logged in to view attached files.

Hello,

Your site is not in English, I cannot figure out if you have added the margin to the top: https://gyazo.com/357f14ed5a53cf359b00b02a70c8eac5

You need to add a negative margin, and your screen shows just a margin. You need to insert “minus” before the value.

Best Regards

Hello,

Thank you for your reply.

I added a negative margin this time:) but unfortunately, when I added a negative margin, the first line disappeared into underneath the Blank Section.

I attached screenshot with English sub 🙂 so please check the file.

Best.

Attachments:

You must be logged in to view attached files.

Hello,

Please check now. I have corrected margins for desktop and mobile.

The problem is caused by the bottom row of the header: you have made it sticky for desktop and not sticky for mobile, this generates the gap. I have set -40 margin for desktop and -100 for mobile.

Best Regards

see this dummy content import error

Attachments:

You must be logged in to view attached files.

Hello,

Thank you for resolving the issues:)
it’s working on Elementor view, but for some reason, the first line is still disappeared on actual mobile view 🙁

I attached the both files (Elementor View and Actual mobile view) Please check it .

Best.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry for the delay, please reduce the to the margin for the first section for mobile a bi.

If you have any questions please feel free to contact us.

Best Regards

Hello,

We resolved the issue.：)
Thank you for promptly handling the matter with care!

I appreciate your support.

Best.

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts