Site logo

Archived topic

text impossible to click

5 replies · Started by Daniele on December 21, 2020

Viewing posts 1–6 of 6

Hello,
it seems that only from Ipad there is no possibility to tap on the language switcher (top left of the menu)

Do you know what could be the cause of this issue?

thanks

Hi there,

you have this CSS:

.shop-menu {
    display: flex;
    margin: auto;
    padding: 30px 50px 0px 50px;
    margin-bottom: -40px;
}

The margin -40px is pulling the site header up over your shop menu. So the Site Header now blocks all of the shop menu items from being clicked. Remove the margin-bottom: -40px; property and add this:

@media(min-width: 769px) {
    .main-title a {
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translateX(-50%);
    }
}

Thanks David, the issue is solved, but the header disappear in portrait mode: https://imgur.com/a/IwCK0dv

Another issue I got from Iphone is that: https://imgur.com/a/ogyZrPM

always the language switcher, this time the EN goes on a new line...only from Iphone!

I don't have an Iphone to test is so is difficult for me to check the issue by myself...

Hi there,

Try adding this CSS:

#mobile-header .main-title a {
    top: 0;
}

#generate-slideout-menu .slideout-menu li.lang-item {
    display: inline-block;
    width: auto;
}

Let us know :)

Thanks!

No problem :)

This archived topic is closed to new replies.