[veniceline]

Hello All,

i find an issue on my website on the Header. I use an Headimage with link. It looks like fine on PC, but show with mobile Hardware is arround the Headimage a distance (margin). Perhabs 10 -15 px arround.
I try to correct with custom CSS. Unfortunately, I could not solve it.

My suspicion is the css class <div id=”branding” role=”banner”> or #bg_image.
In the Source Code on Browser i find in the padding box values from:
#branding {
height: auto;
overflow: hidden;
padding: 10px 20px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}
This is the failure. I cannot overwrite this with custom CSS.
Please check. Thanks so lot.

Best Regards

Website: www.oelart.de

[Zed]

Hi,

Could you include a link to your site or at least a screenshot with the appearance on mobile?

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[veniceline]

Hi Zed,

thanks for your quick answer.
http://www.oelart.de

That is the Link regarding the issue.
You can easy check with smartphone. If the space smaller around 800 px than is the headimage no longer filled to the website border.
Of course, the option under Tempera Design for Responsive Layout is active.
Small note still, the picture motif in the headimage changes by randomice.

Best Regards.

Website: www.oelart.de

[Zed]

Try applying the following custom CSS:

body #branding {
    padding: 0;
}

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[veniceline]

Thank you, this is the right hint. I try more combinations of this.

[Author]

Posts