Complete Pro: Mobile Menu Covers Banner

Home Forums All Other Themes Complete Pro: Mobile Menu Covers Banner

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #54495
    Robert
    Participant
    • Topics: 71
    • Replies: 90
    • Total: 161
    Member since: April 3, 2016

    Hi Is there a way to move the mobile menu to a space below the banner or set it so it does not sit in front of the banner on Mobile view only? Currently it blocks the banner image on Mobile.
    Example here:
    http://www.giorgiositalianfood.com/wp-content/uploads/2016/12/IMG_0520.png
    Website here:
    http://www.giorgiositalianfood.com/

    Thanks, Bobby

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

    Hi Bobby,

    Add this code in Custom CSS Box:

    @media
    screen and (max-width:479px){
    #simple-menu{z-index:9999; top:200px !important;}
    }

    Regards,
    Brad

    #54923
    Robert
    Participant
    • Topics: 71
    • Replies: 90
    • Total: 161
    Member since: April 3, 2016

    Hey guys I need more help here. My client says she hates the “3 Bar” mobile menu. Is there any way to change the mobile menu to a different style?
    Bobby

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

    Hi Bobby,

    You can change the 3 bar icon but if you want to change the complete navigation style then you have to change the header code.

    Regards,
    Dave

    #55010
    Robert
    Participant
    • Topics: 71
    • Replies: 90
    • Total: 161
    Member since: April 3, 2016

    How can I change the 3 bar icon? Replace a specific image? Thats probably the easiest?
    Also can you advise on the header code change and menu types? Like if I just wanted to say “MENU”

    Thanks, Bobby

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

    Hi Bobby,

    Kindly go to themes/complete/templates/head-type1.php or head-type2.php or head-type3.php
    and find <i class="fa-bars"></i> and replace it with <img src="your image path" />

    Regards,
    Dave

    #56551
    Robert
    Participant
    • Topics: 71
    • Replies: 90
    • Total: 161
    Member since: April 3, 2016

    Dave, sorry to be a pest here, but my client is a nightmare. So above fixed the menu spacing on a phone vertically. But when you turn the phone horizontally it covers the banner again.
    See here:
    http://www.giorgiositalianfood.com/wp-content/uploads/2016/12/IMG_0520.png
    PLEASE HELP SO I CAN BE DONE WITH THIS CLIENT 🙂
    Bobby

    #56980
    Robert
    Participant
    • Topics: 71
    • Replies: 90
    • Total: 161
    Member since: April 3, 2016

    CAN SOMEONE PLEASE HELP ME GET THIS RESOLVED. THE MOBILE MENU SHOULD NEVER COVER THE BANNER NO MATTER WHAT DIRECTION THE PHONE IS IN.

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

    Hi Bobby,

    Kindly add this code in custom css box:


    @media
    screen and (min-width:480px) and (max-width:767px) {
    #simple-menu { top:290px !important; z-index:99999;}
    }

    Regards,
    Dave

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