Mobile Logo – Space Above

  • Resolved Mike Hindle

    (@mikehindle)


    2 years, 6 months ago

    Hi there.

    I have an issue which I think I’ve identified to be from this Plugin. On mobile, I have a large space above the logo making it look odd and out of place.

    When I deactivate the plugin it goes back to normal.

    Can’t seem to figure it out in the options / settings.

    Any help would be very much appreciated.

    Thanks,

    Mike.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Miguel

    (@mhagenaars)

    2 years, 6 months ago

    Hey Mike,

    It is your .site-header. If I inspect the element, you have css code that’s creating the issue on the mobile: 

    .site-header {
    padding-top: 74px;
}

    Also the size of your logo is too high on the mobile, in my opinion (based on the alignment of the hamburger menu). So fixing the css and resize your logo for mobile will fix the issue IMO.

    Extra information:

    BTW, I see that this css code is also implemented via the customizer or by a cache program? I can find the code in the source code of your website as well.

    • This reply was modified 2 years, 6 months ago by Miguel.
    Thread Starter Mike Hindle

    (@mikehindle)

    2 years, 6 months ago

    Hi Miguel, thanks so much for the info.

    Apologies as I’m not overly technical with CSS.

    Having a look into it all now.

    Cheers.

    Mike.

    Miguel

    (@mhagenaars)

    2 years, 6 months ago

    If you don’t have added css code via the customizer yet, than it is your caching plugin that’s making the issue. Than I should fix it to put the following css code in the customizer:

    @media only screen and (max-width: 600px) {
.site-header {
    padding-top: 10px;  (<--- FILL IN WHAT WORKS FOR YOU)
}
}

    I cannot help you further atm because your site is in maintenance mode.

    • This reply was modified 2 years, 6 months ago by Miguel.
    Thread Starter Mike Hindle

    (@mikehindle)

    2 years, 6 months ago

    Thanks Miguel. Much appreciated.

    yes, I’ve put maintenance mode on until I get it all sorted.

    Really appreciate your help with the CSS. Thanks.

    Mike

    Plugin Author Twentig

    (@twentig)

    2 years, 5 months ago

    Hi Mike,

    Have you managed to fix the CSS issue?

    Have a nice day,
    Tom

    Thread Starter Mike Hindle

    (@mikehindle)

    2 years, 5 months ago

    Hi Tom.

    I’ve changed themes in the end and gone back to one that I’m a bit more used to.

    Thanks for all of your help though.

    Mike.

    Plugin Author Twentig

    (@twentig)

    2 years, 5 months ago

    Thanks for the heads up.

    Best,
    Tom

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Mobile Logo – Space Above’ is closed to new replies.