Hi!
Highline2 template. As you can see in attached image, on smartphone and some tablet, social icons of facebook and language flags icons are covered by a transparent rectangle that decreases the clickable area or covers it altogether. I can not control this rectangle via CSS, because when I edit it, everything else changes. The language flags can only be clicked on their edge.
Can you help me please.
Thanks
social icon and flags icons covered by transparent rectangle (Highline2)
Hi,
Please try to add the following custom css code:
@media (max-width: 680px) {
#top-left {
height: 65px;
}
}
Cheers
Joshua
Hi
If you add this line
@media screen (max-width:620px) {
#mobile-menu-wrap .zg-col {margin-bottom:0;}
}
Does this work for you?
Cheers
Paul
I think you will have problems with the languages module - i particular using the negaive top margin
I'd suggest moving this module to a different position
Cheers
Paul
- Edited
paulus1031
Hi! Thanks for help.
If I use your code I have this (see attached image):
Maybe, as you say, I must change module position for flags. What position suggest you?
If, instead, I use the suggestion of paulus1031 , I have this (see second attached image):
That is ok for flags, but not for Facebook icon, that isn't clickable.
To make FB icon clickable I added this rule:
@media (max-width: 413px) {
#top-left .zen-spotlight {
height: 80px;
}
}
Now it's fine! It works well.
Thanks for help!
Cheers
Morning
Are you all ok now?
Cheers
Paul
paulus1031
Yes, thank you!
This topic can be closed.
Cheers
Thanks
Cheers
Paul