-
AuthorPosts
-
May 17th, 2021 at 14:14 #118029
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
May 22nd, 2021 at 23:03 #118235ZedCryout Creations mastermindHi,
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.May 28th, 2021 at 11:38 #118393Hi Zed,
thanks for your quick answer.
http://www.oelart.deThat 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
June 6th, 2021 at 21:03 #118633ZedCryout Creations mastermindTry 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.July 2nd, 2021 at 09:49 #119422Thank you, this is the right hint. I try more combinations of this.
-
AuthorPosts
The topic ‘Responsive Head Image issue’ is closed to new replies.