Tagged: ,

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

    I have an installation where the header logo is displaying fine in desktop, and shrinks correctly on scroll, but when I use a mobile screen size then the logo gets placed at the correct width but it “hides” behind the NAV menu?

    Desktop Render:
    Desktop Render

    Mobile Render:
    Mobile Render


    Hi thyon!

    Can you post the link to your website so we can take a look?




    sorry I thought I had the blocking plugin on, but it’s open for now (it’s not live yet).



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

    @media only screen and (max-width: 480px) {
    .responsive #header_main .container {
    height: 160px !important;
    .logo, .logo a { 
    height: 116px!important; }

    Best regards,


    Your suggestion works. I’ve added it into a max-width of 767, because that’s when it starts.

    Any ideas about why the logo still shrinks when you scroll on mobile layout? I thought it was only for when you have a locking top header?



    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
    .logo, .logo a, .logo img {
    max-height: 116px !important; }}

    Best regards,


    Puuurfect! Thanks so much.

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

The topic ‘Header Logo on Mobile not working (v2.4.5)’ is closed to new replies.