Skip to content
Public Ticket #30901

Margin hero website

Conversation thread

pedewu1 replied

Customer Reply

It's works but how to do it for all sites?

PenciDesign Supporter replied

Staff Reply

Hi,

Please go to the page editor of the homepage/page → Page Options → Header → Enable Header Transparent: select the "No" option.

FR0pdRE.png

Regards,
PenciDesign.

pedewu1 replied

Customer Reply

I did but..what if I want a white header and not a transparent one?

PenciDesign Supporter replied

Staff Reply

Hi,

Please disable the header overlay layout as shown in the screenshot below.

zCK0k7e.png

Regards,
PenciDesign.

PenciDesign Supporter replied

Staff Reply

Hi,

Please publish all the changes. I'll check them and then send you a quick guide.

Regards,
PenciDesign.

pedewu1 replied

Customer Reply

Thanks for the explanation. It works, but only when the slider/hero is placed directly under the header. For some reason, part of the top section gets pulled under the header.

Take a look at the images—this is why, in the hero section, even though there are no margins or padding, the text doesn’t have the same spacing at the top and bottom.

Do you have any idea how to fix this?

PenciDesign Supporter replied

Staff Reply

Hi,

If you want the spacing of all elements inside here to always be centered, you need to remove all the margin/padding applied to the elements inside it—in this case, the heading title content.

Regards,
PenciDesign.

pedewu1 replied

Customer Reply

The problem is that the text in the hero section is not centered vertically (top to bottom). 

Check the attachment. I don't know how to fix it.

PenciDesign Supporter replied

Staff Reply

Hi,

I've checked your page, and you've set it to full height, which automatically centers the content.

If you need to adjust the position, please change the flex direction as shown in this screenshot: https://imgur.com/a/vQQcTxX 

Regards,
PenciDesign.

pedewu1 started the conversation

Conversation Start

I have an issue with the hero section on the website (on all tabs, both desktop and mobile) where the spacing from the top edge to the text is smaller than the spacing from the text to the bottom edge. I’ve looked through the settings but can’t find a solution. Could you help me?

Want to join this conversation or access attachments? Sign in first.