Support » Theme: Twenty Thirteen » Header img corped sideways in mobile version

  • Resolved anita.majic

    (@anitamajic)


    (Page: larvigaladan.se)

    Hi

    My header image gets cut sideways on my mobile.

    I have added the code:
    @media (max-width: 360px)
    {
    .site-header .home-link {
    min-height: 50px;
    }
    }

    @media (min-width: 360px) and (max-width: 767px)
    {
    .site-header .home-link {
    min-height: 100px;
    position: relative;
    }
    }

    to Extra CSS in theme appearance.

    It helped a lot with making the image responsive but it still gets a little bit cut on the width. I have been researching this for five days now, and trying different things but with no result. Can anybody help?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Solved it by putting this code in the extra css:

    .site-header {
    background-size: 130%;
    min-height: 100px;
    }

    • This reply was modified 1 year, 8 months ago by anita.majic.
Viewing 1 replies (of 1 total)
  • The topic ‘Header img corped sideways in mobile version’ is closed to new replies.