Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 3, 2014 at 2:57 pm #247057
    Cdfb

    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

    April 3, 2014 at 3:05 pm #247063
    Yigit

    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

    April 3, 2014 at 3:46 pm #247085
    Cdfb

    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… :-(

    April 3, 2014 at 4:00 pm #247093
    Yigit

    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

    April 3, 2014 at 4:02 pm #247096
    Cdfb

    Awesome! Thanks a lot!

  • Author
    Posts
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.