Big Header padding in mobile view - by civetcafe

This topic has 4 replies, 2 voices, and was last updated 6 years, 10 months ago ago by Rose Tyler

  • Avatar: civetcafe
    civetcafe
    Participant
    January 20, 2018 at 21:36

    Hello,

    I have a big heade padding in the mobile view. How can I fix this?

    http://prntscr.com/i38bxd

    The line in the breadcrumbs on the top seem to be missing also.

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 22, 2018 at 09:33

    Hello,

    Please try to add this code in Global Custom css:

    @media only screen and (max-width: 768px) {
    .header-wrapper header .container-wrapper {
        border-bottom: 1px solid #e6e6e6;
    }
    .home .header-wrapper header .container-wrapper{
        border:none;
    }
    .page-heading, .et-header-overlap .page-heading, .et-header-overlap .page-heading.bc-size-small, .page-heading.bc-size-small {
        padding-top: 135px;
    }
    }

    Regards

    Avatar: civetcafe
    civetcafe
    Participant
    January 22, 2018 at 21:09

    Hello. The code works.

    thank you so much.

    Regards,
    Ana

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 23, 2018 at 08:16

    Hello,

    You’re welcome!

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.