Hi Yigit

Many thanks for your quick response. I added the following:

@media only screen and (max-width: 1140px) {

and that seemed to be fine, however, when I added

.av-main-nav > li > a { padding: 0 7px; }}

That added the white square into a normal website (not just the mobile site).

I also made the changes to the Enfold theme as per your recommendation, which resolved the iPad problem, but has created another issue and that is top of text on pages being covered by the white menu box. Please see here
http://www.yourmarriagecelebrant.com.au/error/

The other issue still remains that it is just a white box and people may not realise that it is a menu. I have done a website for another client with the Enfold theme – http://www.metrocarpetcleaning.com.au and the menu appears as a white box, but with black lines in it, which prompts people to click on it.

Your help with these would be greatly appreciated.

Thanks Josue. That worked for hiding the mobile nav and showing the main nav, but the menu is now left justified, and the logo is floating left on mobile devices. Tried tweaking the CSS to align center for both, no luck. Any help is appreciated!

Ryan

I found another solution, but have a follow up question. I put the phone and e-mail in the main menu below the header. They are live links (and the only menu items), so I would like to hide the mobile menu and leave the main menu on all devices.

I have been unable to add the correct custom CSS. Take a look and let me know how to accomplish this.

http://www.brilliantrack.com/

Thanks,
Ryan

Yigit,

Now that the website is live, I will be the one updating the information on it moving forward. So, I apologize if I ask you a question that you have already responded to. Specifically, (during this topic) our web builders added a phone number to the header. Now, when we view the site on mobile devices, the phone number overlaps the menu icon. How can we go about fixing this. Please keep in mind, my skill level is verrry low.

Thanks,

Travis

Hi Yigit, that did not help the issue with the link visibility. :(

The menus are popping out when I think I need them to, but the links themselves – in the mobile menu – are only visible on Small tablet landscape (800×600) and none of the other responsive layouts (e.g. Mobile portrait (320×480), Mobile landscape (480×320) and Small tablet portrait (600×800), Tablet portrait (768×1024)). Also, I would like the mobile menu to appear when in the Tablet landscape (1024×768) view since the navigation runs long.

Thank you for the continued support

Thanks. Actually I managed to remove the footer by editing the front page and choose ‘hide footer show socket) on the right hand menu. It seems that the enfold settings dashboard only hides the footer on all pages but not the front page.

One new question (and I have looked around the forum before I posted this). How can I hide the slider on mobile phones? The font is too small to be read. Thanks.

Thanks Ismael – I clicked the second option and the menu is visible on Small tablet landscape (800×600), but no other mobile sizes. The link is http://www.rockspotclimbing.com/

• This reply was modified 11 years, 1 month ago by lzevon.

Quick Question. My mobile menu at innatmystic.com now seems to be a little messed up and overlapping. Any ideas how to fix this? Here is my code:

span.menu-break {
display: block;
line-height: 0;
bottom: 65px;
position: relative;
}
.menu-item-top-level{
text-align: center;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
span.menu-break {
position: inherit !important;
}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
span.menu-break {
position: inherit !important;
}
}
.header-scrolled span.menu-break {
display: block;
line-height: 0;
bottom: 24px;
position: relative;
}

Hi Ismael,

I removed it and deactivated things.
I’m still not seeing the mobile menu showing up properly on the home page.
it does appear to be on other sub pages.

can you take another look..

Apart from this.. we’re loving enfold.. more and more.. :)

Is there a better option than what we have as the navigation is the one thing we want to optimise the flow of..

thanks

• This reply was modified 11 years, 1 month ago by psipi.

hmm it does not work! Please try on your mobile following steps:
1. klick on Menu item
2. klick on “Energieberatung”
Now u can see the subitems, but u dont see the content of the page.
Only if u select an sub menu item an page is shown.
But nobody can see the page “Energieberatung”.
If u try it on the computer browser u can see after click on “Energieberatung” the content of the page! ???
Please help!
thx
best regards
carvo