Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 2, 2017 at 10:34 pm #859417
    brenmcc1

    Hi

    How can I reduce the size of the mobile header and logo? Comes across quite big on screen…

    WEBSITE LINK

    October 2, 2017 at 10:42 pm #859418
    Jordan Shannon

    Hey brenmcc1,

    Add this to quick css and adjust the number to whatever you need:

    
@media only screen and (max-width: 767px){
.responsive .logo img {
max-width:20%!important;
}
.responsive #header_main .container {
height:70px!important;
}
}

    Best regards,
    Jordan Shannon

    October 3, 2017 at 5:34 am #859468
    brenmcc1

    Thanks, tried this but it only seems to adjust the container. The burger menu doesn’t get any smaller?

    October 4, 2017 at 4:41 am #859870
    Jordan Shannon

    Hi,

    It should have adjusted the logo image as well. Add this updated code to target the menu as well:

    @media only screen and (max-width: 767px){
.responsive .logo img {
max-width:20%!important;
}
 #header{
height:70px!important;
}
.av-hamburger-box{
height:30px!important;
width:20px!important;
}
}

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.