Header logo size - by wholeman - on WordPress WooCommerce support

13 replies4 participantsUpdated by Robert Hall

  • Avatar: wholeman
    wholeman
    Participant

    Hello,

    Logo in header looks very small suddenly like the attachment from 979 px to 1200px width

    I did every styles change with development tool on chrome, safari, but it does not work.

    Could you check it ASAP?

    Regards,

    Please, contact administrator
    for this information.
    #68954 Copied

    13 Answers

    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    Please clarify do you resize browser window when checking the site? If so you need reload a page after each resize.

    Best regards,
    Jack Richardson.

    #68967 Copied
    Avatar: wholeman
    wholeman
    Participant

    Over 1200px and under 979px, it’s fine.

    Between 979 – 1200, the issue happens.

    Please check again.

    #68974 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    I’ve checked your site in different resolutions and haven’t seen the issues:
    http://storage2.static.itmages.com/i/15/0610/h_1433929248_1395022_0a7f9a63a8.png
    http://storage3.static.itmages.com/i/15/0610/h_1433929360_9203167_28c279f82d.png

    Are you resizing browser window or checking on mobile devices?

    Regards,
    Eva Kemp.

    #69003 Copied
    Avatar: wholeman
    wholeman
    Participant

    Hello,

    Dear Eva

    Yes I fixed the width manually, however when I fixed the logo the last menu disappears as your attachment.

    I tested two css styles like below, could you please advise?

    – logo fixed, menu disappeared
    .header-type-3 .logo-with-menu img {width: 240px !important; max-width: 240px !important;}

    – logo shrinked
    .header-type-3 .logo-with-menu img {width: 240px !important; }

    #69183 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant

    Hello,

    Try to remove this code in style.css of the Child Theme

    .header-type-3 .main-nav .menu {
  width: 830px !important; 
}

    Regards,
    Robert Hall.

    #69196 Copied
    Avatar: wholeman
    wholeman
    Participant

    Dear Robert,

    I removed the code, and the image width code does not work.

    I made the logo img width to 240px but it shows only 200px as your theme default.

    How can I solve this?

    #69455 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    To change logo size add this code in custom.css file:

    .header-type-3 .logo-with-menu img {
    width: 240px !important;
}

    Regards,
    Eva Kemp.

    #69609 Copied
    Avatar: wholeman
    wholeman
    Participant

    Dear Eva,

    I set the code far before, but it does not work.

    Please check the site.

    http://www.brownbagcoffee.co.kr

    #69695 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    Try to use this code:

    .header-type-3 .logo-with-menu img {
  width: 240px !important;
  max-width: 300px !important;
}

    Regards,
    Eva Kemp.

    #69741 Copied
    Avatar: wholeman
    wholeman
    Participant

    Thanks, I set as your guide but logo is showing only width 200px.

    Please check our site.

    http://www.brownbagcoffee.co.kr

    #69748 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant

    Hello,

    I’ve just checked and your logo has 240 px width. Please see screenshot: http://prntscr.com/7hj3ol

    Regards,
    Robert Hall.

    #69751 Copied
    Avatar: wholeman
    wholeman
    Participant

    Hello, it makes logo fine, but still last menu feature disappeared in responsive environment.

    Please check again.

    #70369 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant

    Hello,

    Please try to use this code in custom.css file

    @media (max-width: 1200px){
.header-type-3 .main-nav .menu {
  width: 710px !important;
}
}

    Regards,
    Robert Hall.

    #70374 Copied

Want to reply? Log in, or register with your ThemeForest purchase code, to reply to this topic.

Login / Register