hamburger menu blocked

avond @fredius;
easiest is to debug using https://www.eckkies.nl/?ao_noptimize=1 which disables autoptimize, problem seems to be there as well so not due to AO really.

groeten uit het nabije zuiden,
frank

Hi Frank, today my hosting party made some adjustments in AO because of the long loading time of my website. Now you telling me to disable AO? Or is it just a change the css code like in your answer?

Because I like your plugin.

Groeten uit Den Helder

Now you telling me to disable AO? Or is it just a change the css code like in your answer?

no, I’m telling you to disable AO on a per-request basis to see where in your original CSS the hamburger menu gets nuked. once the orginal CSS gets fixed and you visit your site without that ?ao_noptimize=1 AO will work as before AND your hamburger menu should be OK ??

I will try this. Thank you so much for helping out.
Prettige Koningsdag!

Hi Frank, can you help me out one more time? Where exactly do I change the ?ao_noptimize=1 setting?
In the AO plugin or in my custom css? I feel so stupid but I cannot find it.

Or do I have to change it in this css code?
@media screen and (max-width: 768px)
autoptimize_e665df2….css:114
.searchform {
width:170px;
}

@media (max-width: 768px)
autoptimize_e665df2….css:35
.menu-header #search-text-box {
width:170px;
}

It’s not setting, but a parameter you add to your URL to disable AO for that request; https://www.eckkies.nl/?ao_noptimize=1

this will allow you to look at your original CSS to see where things go wrong (as the hamburger menu is also missing when AO is not active)

voor koningsdag zit ik iets te zuidelijk (of zijn we 187 jaar te laat) vrees ik, maar veel plezier daar in het noorden! ??

Now it is clear! I see that my hamburger menu is ‘under’ de searchbox. So I have to correct the custom css setting and try to get the menu next to the searchbox. Pffff. I hooe I can pull this off. Thank you again!

ah, but now I see you have https://www.eckkies.nl/?sccss=1&ver=4.7.4 which is spitting out the CSS you’ve mentioned a couple of times already.

@media screen and (max-width: 768px)
autoptimize_e665df2….css:114
.searchform {
	width:170px;
}

@media (max-width: 768px)
autoptimize_e665df2….css:35
.menu-header #search-text-box {
	width:170px;
}

so, if I understand, this is code you added yourself, right? afraid that’s not valid CSS, maybe change it into something like:

@media screen and (max-width: 768px) {
    .searchform {
	width:170px;
    }
}

@media (max-width: 768px) {
    .menu-header #search-text-box {
	width:170px;
    }
}

and nowadays WordPress allows you to add custom CSS natively, so you don’t need a hackish plugin like Simple Custom CSS any more really ??

Yes, if have added this because my menu and searchbox where not aligned next to eachother. And my hosting party added the some css plugin because of the loading time of website. It was loading slow accoring to google insights. And I wanted the above the fold loading faster. After they installed it my menu troubles like we have now starts. I will try your css code via customizer> custom css and see what happens.

I will try your css code via customizer> custom css and see what happens.

when you do, also disable SCCSS (if only temporarily).

I just did and it works! Pfffff thank you so much! the other plugins were advised to me because of the slow loading of my website. According to Google. Tomorrow I will look at the rest.

Zo, en nu ff een biertje op de afloop! Ik zal jouw support en plugin zeker promoten!

veel plezier, feel free to update this thread, I’ll help where I can ??

Thank you so much for this great way of support! I wish that every plugin had support like this. Thank you Frank.