[Resolved] tablet size isseu

[Edwin]

Hi Tom

I am using only 3 buttons in my menu and have set the mobile version a bit lower and all working fine, until i reach the small tablet size and the logo is showing over the top of the menu.

Can you help me out so, I would like to shows normal menu and logo on bigger screens (say 500px size)

See link:
http://northernblood.com.au/dr-prahlad-ho/

[Tom]

Hi there,

Not sure I understand. Are you wanting the mobile menu to kick in sooner?

[Edwin]

Hi Tom

No later. Try the link and resize it to small tablet size and you will see that the logo is over the menu.
Someone on Ipad tablet told me that.

[Tom]

You have this custom CSS:

.site-logo {
    display: inline-block;
    position: absolute;
    top: -30px;
}

You should apply it to desktop only:

@media (min-width: 769px) {
    .site-logo {
        display: inline-block;
        position: absolute;
        top: -30px;
    }
}

[Edwin]

Thanks, but still doing it

[Tom]

I’m not seeing that updated code added. Make sure to clear any caching/optimizing plugins.

[Author]

Posts