Header not responsive

  • Resolved Ellie87

    (@ellie87)


    9 years, 1 month ago

    Hello, first great theme and great forum, I’ve searched and still wil untill someone responds for this issue, I’m going nuts!!! Please please help. The header of my website on Ipad (landscape) is not responsive. It’s fine on phones and on ipad portrait, but as soon as I turn the pad to landscape, everything on the header (logo, the 3 lines of click button and xtransalate buttons) moves in a total disorder. I’ve tried several @media css and failed, can someone please give me the magic code to fix it? thanks thanks thanks!!!
    ??
    my website is: https://www.sicilysensations.com

Viewing 1 replies (of 1 total)
  • Thread Starter Ellie87

    (@ellie87)

    Hi I solved with a litter hard work and lots of trying with css. So I had to fix qtransalte and header with codes css and its fine now. I’ll post it for anyone who needs. Grazie! Ciao

    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
    {#qtranslate-3 {
    width:100%;
    max-width: 300px;
    text-align: left;
    display: block; }
    }
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
    { #tc-page-wrap > header > div.brand.span3.pull-left > a {
    margin-left: 415px;!important;
    margin-bottom: 20px;!important;
    margin-top: 30px;!important;}
    }

Viewing 1 replies (of 1 total)
  • The topic ‘Header not responsive’ is closed to new replies.