New Landing How can we help? General Feedback & Suggestions Top menu loses overlay after hamburger has been used (mobile view)

Viewing 10 posts - 1 through 10 (of 10 total)
  • #313149
    ymehli
    Member
    Post count: 10

    Hi,
    We’re having problems with the cardinal theme in mobile. As shown in attached screenshot the overlay of the top menu vanishes after the hamburger menu has been used for the first.
    Thanks,
    Simon

    Attachments:
    You must be logged in to view attached files.
    #313151
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    Your support license has now expired or you have not added your purchase code. To access the correct support forums please renew your support license for your theme(s) on ThemeForest.

    Thanks.

    #313472
    ymehli
    Member
    Post count: 10

    Hi,
    I’ve added my purchase code to my profile
    Best,
    Simon

    #313482
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Thanks for registering the purchase code. Can’t login with those credentials, can you check?

    -Rui

    #313485
    ymehli
    Member
    Post count: 10
    This reply has been marked as private.
    #313869
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    The top bar is hidden on mobile by default, there is not really any room for it. Is this what you refer to?

    #313876
    ymehli
    Member
    Post count: 10

    Hi David,
    Yes, you’re right. The top bar isn’t available in mobile. But that’s not the issue. The problem is that in the mobile view we initially have a white overlay behind the logo and the hamburger menu (which is what we want). However, as soon as the hamburger menu has been used, the white overlay disappears, which is not what we want. So far we haven’t been able to figure out why this happens.
    Thanks!

    #314154
    David Martin – Support
    Moderator
    Post count: 20834

    Please test this CSS:

    @media only screen and (max-width: 991px) {
    .mhs-tablet-port #mobile-top-text, 
    .mhs-tablet-port #mobile-header, 
    .mhs-tablet-port #mobile-header-sticky-wrapper {
        display: block;
        position: relative !important;
        top: auto !important;
    }
    }
    #314646
    ymehli
    Member
    Post count: 10

    Hi David,
    Thanks. Looks good now.
    Best,
    Simon

    #314649
    David Martin – Support
    Moderator
    Post count: 20834

    Glad to help out Simon.

    Thanks.

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.