+ Reply to Thread
Results 1 to 5 of 5

Thread: Menu is overlap-hidden in responsive. Z-index?

  1. #1

    Menu is overlap-hidden in responsive. Z-index?

    Hi,

    When I open the main menu in mobile size, the site content overlap the vertical menu and I can't see it. I thinks is something with z-index, but I can't find where I need to edit to fix this issue. Can you help me out with this fix?

    See image.
    Screen Shot 2019-02-06 at 1.36.41 AM.jpg

  2. #2
    Yes this problem does exist. I have it on "Search on Map" page.
    Do you have endless menu? freaking long menu that reaches the footer?

  3. #3
    Flynax developer Rudi's Avatar
    Join Date
    Dec 2014
    Location
    Planet Earth
    Posts
    979
    Quote Originally Posted by Ivan Amador View Post

    When I open the main menu in mobile size, the site content overlap the vertical menu and I can't see it. I thinks is something with z-index, but I can't find where I need to edit to fix this issue. Can you help me out with this fix?

    Attachment 3055

    Hello,

    What template you use ?

    You'd better create a ticket

  4. #4
    Hi Rudi,

    I'm using "Auto Flatty" template. I have two websites, one for Real Estates and another for Cars. The one of the Real Estates works fine, but not the other one.

    I have a very old version (4.4.1), with some modifications. That's why I haven't update it (I'm scared of updating and lose every modifications).

    Any thoughts?

    Thanks!

  5. #5
    I found out what was the problem. I had this code in style.css:

    /*** MOBILE VIEW ***/
    @media screen and (max-width: 767px) {
    .point1 {
    max-width: 480px;
    min-width: 240px;
    overflow: hidden;
    }


    I just removed this:

    overflow: hidden;

    and it's working fine now!

+ Reply to Thread