Sticky logo to small in responsive

I am having trouble with the size of the logo on mobile devices.  When you scroll down the logo resizes becoming very small.  I am using header builder and the website is www.beita.com.gt.  I would like the logo to remain the same size when scrolling in a smaller device.

Thanks

Comments

  • edited March 2019
    Hi,
    Please paste this CSS into the Theme Options > Custom CSS & JS > CSS
    @media (max-width:767px){
    body header.is-sticky .logo{
    width:160px !important;
    height:150px !important;
    }
    }
    Thanks
  • I made the change, but now in desktop mode, when I scroll down, the logo reduces its size...I only want the 100 x 100 logo to appear on mobile but not desktop...Can you help me with this??
  • Also, I do not know how the updates work.  I update the logo and css but the changes do not appear, even after deleting cookies and cache.  Am I supposed to update a page after making changes to the logo.

    In some mobile pages, the logo still reduces like before.

    Thanks
  • Sorry, I forgot to attach the media queries rule.
    I updated the code above, it will be working on mobile only.
    Thanks
Sign In or Register to comment.