mobile menu view – Yacht and Cruise

Home Forums All Other Themes mobile menu view – Yacht and Cruise

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #155061
    rollascriptings
    Participant
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: October 2, 2019

    Please I am having issues with the mobile menu navigation after using this theme and elementor. The site link is panafparalegal.com

    Thanks

    #155134
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24887
    • Total: 24887
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:767px) {
    #simple-menu {
        z-index: 999999;
        position: relative;
    }
    }

    Regards,
    Chris

    #155337
    rollascriptings
    Participant
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: October 2, 2019

    Thanks. This solved it but I still have an empty space close to the copyright footer appearing on mobile. Can you please solve that as well. thanks

    #155364
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24887
    • Total: 24887
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:767px) {
    .footer-infobox { display:none !important;}
    }

    Regards,
    Chris

    #155601
    rollascriptings
    Participant
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: October 2, 2019

    Thanks for your reply, however after uploading the site logo 100px by 100px, the display on mobile is terrible. Your quick response as usual will be highly appreciated

    #155604
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24887
    • Total: 24887
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:767px) {
    .logo { max-width:80px !important;}
    }

    Regards,
    Chris

    #155613
    rollascriptings
    Participant
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: October 2, 2019

    thanks for your reply. Currently this is what is in the custom css

    span.desc{display: none;}

    @media
    screen and (max-width:767px) {
    #simple-menu {
    z-index: 999999;
    position: relative;
    }
    .footer-infobox { display:none !important;}
    .logo { max-width:80px !important;}
    }

    Search icon on the menu and the button on the menu has stopped working on mobile view. The site again is panafparalegal.com

    Thanks you

    #155614
    rollascriptings
    Participant
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: October 2, 2019

    Tablet view for the logo on the menu not showing properly too. Button and search button not working on tablet view. Thanks

    #155709
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24887
    • Total: 24887
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    
    @media screen and (max-width:767px) {
    .has_trans_header .header_wrap {
        position: relative !important;
    }
    }

    Regards,
    Chris

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.