Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #237091

    Hi VickenVartanian!

    Can you post the link to your website so we can take a look? Logo image can be resized depending on the header type you are using



    Sure you can see the sub domain we are creating it on @ http://www.test.handbagmanufacturing.com

    Please not we understand the header size can allow for the logo to be bigger or smaller, but we don’t want to have use a larger header to achieve a larger logo.

    The logo we are using is: 254 × 35
    Therefore it is smaller than the recommended size given: 340px * 156px

    Please notice it is stretching when it is in Mobile layout under 768px, why is this happening?

    Please help :)



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

    .logo img { padding: 0; }
    div .logo { margin-top: 25px; }
    @media only screen and (max-width: 767px) {
    .responsive .logo a, .responsive .logo img {
    height: auto !important; }}
    @media only screen and (max-width: 480px) {
    #advanced_menu_toggle, #advanced_menu_hide {
    right: -35px; }}



    Ok so it seems that the logo size is now correct, however did you resize your browser to see the logo on mobile beneath 768px?

    The logo is stretching now, why is this happening?



    Do you have following custom CSS code in Quick CSS

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

    !important rules on that code are causing the issue.



    Thank you so much, your help has been Excellent to say the least! :)

    May God bless you!


Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Logo Issues Please Help !important :)’ is closed to new replies.