Product Updates
Joomla 5.2.3 Compatibility for JA Templates, Bug Fixes, and More

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

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

    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

    Write a Reply...
    You need to Login to view replies.