Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 15, 2013 at 4:55 pm #175951
    JochenBake

    Hello,
    We would like to add a logo and a longer name in the header. Unless it worked, but on the phone it only appears for half.

    Here’s a link to my demo page http://windows-tipps.com

    Can you help me?

    October 15, 2013 at 8:08 pm #176014
    Yigit

    Hey JochenBake!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 480px) { .responsive .logo img {
max-width: 268px!important;
} }

    Regards,
    Yigit

    • This reply was modified 12 years ago by Yigit.
    October 16, 2013 at 3:46 pm #176484
    JochenBake

    Hello and thanks for the help
    Now the logo on the phone is correct. Unfortunately, it is now reduced to the desktop. I do not want yes.

    The logo is 417 x 99

    I have the following CSS in the Quick CSS

    first-child> li> a {# header_main container, MAIN_MENU ul..
    height: 110px important;!
    line-height: 190px important;!
    }

    # main {html.fixed_header
    padding-top: 120px;
    }

    http://windows-tipps.com

    Thanks

    October 16, 2013 at 9:46 pm #176649
    Yigit

    Hello!

    I updated the code in my previous code. Please add it to Quick CSS if that does not work, please create a temporary admin login and post it here privately

    Best regards,
    Yigit

    October 20, 2013 at 10:38 am #178037
    JochenBake

    Hello,
    it appears correctly with the code on the desktop and the phone. Unfortunately, it now appears highly known on the iPad when viewed too small. I rotate the iPad, it is displayed correctly.

    October 20, 2013 at 5:26 pm #178112
    Yigit

    Hi!

    Can you post a screenshot? I’m not sure if i understood you correctly

    Regards,
    Yigit

    October 20, 2013 at 5:45 pm #178120
    JochenBake

    http://www.flickr.com/photos/jochenbake/10383253955/

    October 21, 2013 at 4:14 am #178248
    Ismael

    Hey!

    Please add this on your custom.css or Quick CSS:

    @media only screen and (min-width: 768px) and (max-width: 989px) {
.logo img, .logo, .logo a {
min-height: 100px;
min-width: 400px;
}
}

    Remove browser cache then reload the page.

    Regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Header in the phone only to half’ is closed to new replies.