Main Nav Disappears on Mobile – please help

YAY! Fixed. I edited the following value in the style-responsive.css under the iPad & Tablet label – see code below:

#header-links,
#pre-header-search {
/* display: none;*/
}

Now for the task of working out how to incorporate the amend into my child theme. Can anyone help me with this?

Kind regards
Paul

Hi paulmoreton,

Can you tell me where I can find style-responsive.css please? I can’t find it anywhere and I have the same issue you had.

Thanks very much, Alexandra

Hi Alexandra,

No problem at all. You’ll find the style-responsive.css here:

/public_html/YOURDOMAIN.COM/wp-content/themes/MINAMAZE/styles/

Hope this helps.
Have a great day
Paul

I should add if you don’t want your changes to be lost after updating your theme, you’d be best creating a child theme. If you’re unsure how to do this – this link should help you:

How to create a child theme

Kind regards
Paul

Hello,

I have a child theme I work on. Will the path you provided me with still work, please?

Thanks, Alex

Hey,

The only differences would be the theme name folder and you wouldn’t need the /styles folder in your child theme. See example below:

/public_html/YOURDOMAIN.COM/wp-content/themes/MINAMAZE-CHILD/

Hope this helps
Cheers
Paul

I will give it a go, thank you very much Paul

Alexandra

Hi Paul,

I tried what you said and it didn’t work for me. I have done the following:

– Went to /public_html/YOURDOMAIN.COM/wp-content/themes/MINAMAZE/styles/
and downloaded in my computer the style-responsive.css
– Open the file and changed
#header-links,
#pre-header-search {
*display: none;
}

to this

#header-links,
#pre-header-search {
/ *display: none; */
}

Uploaded the new style-responsive.css in my /public_html/YOURDOMAIN.COM/wp-content/themes/MINAMAZE-CHILD/ folder

I have checked and the menu appears now on tablets. this makes sense since in style-responsive.css file I see /* iPad & Tablet */ just before the code you suggested me to amend. So at the moment I have my menu appearing in some mobile devices:

– Android HTC portrait or landscape: doesn’t appear
– Android Tablet landscape: yes
– Android Tablet Portrait: doesn’t appear
– Blackberry Landscape or Portrait: doesn’t appear (little use so I don’t mind)
– Kindle Fire Landscape: yes
– Kindle Fire Portrait: doesn’t appear
– iPad landscape: yes
– iPad Portrait: yes
– iPad Mini Landscape: yes
– iPad Mini Portrait: yes
– iPhone Landscape: doesn’t appear
– iPhone Portrait: doesn’t appear

So it looks like the change in my code only worked for iPad tablets in landscape and portrait mode and for other tablets only in Landscape mode. No mobiles are showing my menu. Could it be due to the size of screen?

Can anyone shed light on this, please?

Thanks, Alexandra