Complete Pro: Mobile Menu Covers Banner

[Robert]

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

[Sonl Sinha]

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

[Robert]

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

[Sonl Sinha]

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

[Robert]

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

[Sonl Sinha]

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

[Robert]

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

[Robert]

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

[Sonl Sinha]

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

[Author]

Posts