Tagged: , ,

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

    I am not sure why but I am following the Enfold Logo directions: Logo Dimension: 340px * 156px
    I added it but it looked smaller so I checked the dimensions in the Chrome tools and it shows the size smaller than I put in, does anyone know why?

    How come it wont show as Logo Dimension: 340px * 156px they way I put it in? This is very frustrating, nothing seems to override this.

    Please help!!

    #237095

    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

    Regards,
    Yigit

    #237117

    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

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

    Please help :)

    #237118

    Hi!

    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; }}

    Regards,
    Yigit

    #237126

    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?

    #237127

    Hi!

    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.

    Regards,
    Yigit

    #237140

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

    May God bless you!

    V-

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Logo Issues Please Help !important :)’ is closed to new replies.