Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 7, 2013 at 6:17 pm #185733
    Thisafternoon

    Hi guys,

    My logo is being resized to only 13px when the resolution is between 768 and 989px. This code, with inline styles is being generated:

    <strong class="logo" style="max-width: 13px; width: auto;"><a href="http://boksxl.ruimtereizen.nu/"><img src="http://boksxl.ruimtereizen.nu/wp-content/uploads/2013/10/BoKSxl-logo-RGB-100procent.png" alt="BoKS" style="max-width: 13px; width: auto;"></a></strong>

    It seems that it is only happing within this @media screen:
    @media only screen and (min-width: 768px) and (max-width: 989px)

    This is the url:
    http://boksxl.ruimtereizen.nu

    Hope you can give me a hint on where this max-width is generated so I can correct this…

    best regards, Bas

    November 7, 2013 at 8:13 pm #185798
    Thisafternoon

    Hi guys,

    It has something to do with the 313px height I’ve defined for the logo, it’s being pushed next to the menu. You won’t have to search for a solution, I’ll try to figure it out on my own :)

    best,

    Bas

    November 8, 2013 at 3:56 pm #186179
    Yigit

    Hi!

    Following code should fix it. Please add it to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (min-width: 768px) and (max-width: 989px) { .logo a, .logo img { max-width: 251px!important; }}

    Nice website by the way ;)

    Cheers!
    Yigit

    November 12, 2013 at 3:01 pm #187267
    Thisafternoon

    Thanks Yigit!

    And I’ll pass your complements on to the designer :)

    regards,

    Bas

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Logo is being resized to 13px with inline style between 768px and 968px’ is closed to new replies.