Mobile Menu Issue

On the first site, it looks like you have JetPack mobile option enabled. Try turning that off.

i just tried that and it didn’t do anything :/

It did on my phone – now I see your regular site and menu – which appears to be working fine.

it kind of works but its not formatted nicely.

here is my wife’s site: https://flavorsandcolors.com. I want my mobile menu to work as this one does. Looks much cleaner.

And have you modified the CSS or other files of the theme??

I have made a few changes to the header and CSS file. I have looked all over to get this thing to work. I even put the Css files for both sites side by side to compare. I can’t find the problem anywhere.

You should be using a child theme to modify theme files – as is, you will lose all those changes when WP is updated (likely this week with 4.1) – https://codex.www.ads-software.com/Child_Themes

When you have a child theme, it’s also MUCH easier to find what you have changed. You really may want to consider setting up a child theem and moving your changes there.

A browser tool like Firebug can also be really helpful to look at what’s going on with the CSS.

A file comparison program can be helpful to find differences too:

https://www.diffchecker.com/

You are 100 percent right. I switched themes on the fly and since I wasn’t sure how to make a a child theme I skipped that step. I’ll look into doing that today.

Thanks for the tool. I will use it to find out what went wrong. It’s def a CSS issue. I tested it by overwriting css file on another site I have and I got the same issue.

I’ll sue that tool to see if I can locate the problem.

Thanks

Side note, @jrodatblueray could you please not open new topics for this issue? Duplicates get deleted when found and your latest dupe was deleted.

What have you tried to sort this out?

Sorry about that. I wasn’t getting much feedback on a few other post so I would just repost.

I have tried a number of things. I was told it could possibly be a plug-in. I disabled my plug-ins to see if that was the issue. That did not work. I compared the CSS on both of those sites to see where I went wrong. I haven’t had any luck finding the problem. I’m almost positive it is a CSS based issue because of the test I did.

Am I wrong to think it is only CSS? I did make minor changes to my header file. I did that to add the logo and also to move my primary navigation bar to the top.

Sorry about that. I wasn’t getting much feedback on a few other post so I would just repost.

Got that. ?? But please don’t.

Am I wrong to think it is only CSS? I did make minor changes to my header file. I did that to add the logo and also to move my primary navigation bar to the top.

CSS could be an issue. Unfortunately I’m at a location that can’t view your sites. ??

I tried a few things to get rid of the search option and somewhere along the i messed up my code and my top menu does not work right.

It may be something simple. Give this a read and see if it helps you sort it out.

https://codex.www.ads-software.com/WordPress_Menu_User_Guide

Like I said above, making a child theme would be the best way to start sorting this out – mostly so that you don’t have bigger problems down the road.

But aside from that, what I would do is open both sites side-by-side in two browser windows and use Firebug to look at and compare the HTML and CSS of the two sites. You should quickly be able to find differences that are relevant to how the site is appearing/working.

Here’s one for sure:

.header-main {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

That absolute positioning generally causes problems on a responsive site.

EDIT – hi Jan ?? – cross-posted with you!

Thanks guys. I’m gonna read the user guide and make the adjustment in the CSS. and I will def move everything over to a child theme.

@wpyogi that was the issue! thanks…

but now i have to figure out hoe to keep my menu above the header image like i had it before. When I remove the “absolute” positioning. it messes up my layout :/

also still cant get rid of the text on the toggle button. hmmm…