Responsive Head Image issue

  • Author
    Posts
  • #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

    #118235
    Zed
    Cryout Creations Team

    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 read the available documentation and search the forums before posting.
    #118393

    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

    #118633
    Zed
    Cryout Creations Team

    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 read the available documentation and search the forums before posting.
Viewing 4 posts - 1 through 4 (of 4 total)

You need to log in to reply to this topic.