Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #247057

    Dear Ygit

    I am working on a new website again using again my favorite theme Enfold.
    This time the logo gets distorted and doesn’t shrink when looking at the website from a smartphone.

    Please take a look at the website and let me know what I am doing wrong… http://roboearth.org

    Thanks and greetings from Switzerland

    Carolina

    #247063

    Hi Carolina!

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

    @media only screen and (max-width: 767px) { 
    .responsive .logo a, .responsive .logo img {
    height: auto !important; }}

    Regards,
    Yigit

    #247085

    Hi Yigit

    Thank you for the fast answer. The logo doesn’t distort anymore, great!
    There is some issue with the navigation and the social icons though. They are pushed over the logo.
    It still looks weird… :-(

    #247093

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) { 
    #header_main .social_bookmarks { top: 85%!important; }}
    @media only screen and (max-width: 480px) {
    .responsive .logo a, .responsive .logo img {
    max-width: 80%; }}

    Cheers!
    Yigit

    #247096

    Awesome! Thanks a lot!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘ogo gets distorted and doesn't shrink when responsive version’ is closed to new replies.