Tagged: menu, viewport, woocommerce
Hi Kriesi-Team.
As mentioned in the topic, I´ve got a problem with my woocommerce menu.
The problem can be seen on the two screenshots (links in the private content area).
For example: If I minimize the browser to an horizontal resolution less than 1396x…, the woocommerce side-menue completely disappears on the left (screenshot 1).
But minimizing the browser under 768x…px (for example 767x…px) it makes the menu appear again – beneath all other content, but this is ok (screenshot 2).
Is it possible to do a CSS correction, so the menu stays appearing on the left till a resolution of 1280 px or 1152 px?
Unfortunately I have no CSS-skills to handle this viewport-problem on my own.
Thanks for your help.
Greetings
Manuel
Hey Manuel,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 1395px) and (min-width: 768px) {
#nav_menu-5 .menu-item {
display: block;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria.
Great, thanks for your help – the code works perfect. :-)
The thread can be closed.
Have a nice day and greetings
Manuel
Hi,
Glad that Victoria helped you. Thanks for using Enfold and have a great day :)
Best regards,
Nikko