Custom Menu CSS Rule / Mobile Version Troubleshoot
-
Hello —
I've added the following custom css rule below - this seems to work fine on the desktop version, however it does not work on the mobile version.
This is intended to place the menu vertically (or sideways) on a page:
nav.primary ul {
transform: rotate(-90deg);
transform-origin: left top 0;
float: left;
text-align: center;
}I then set the Menu Position to "bottom-left".
For example on an Ipad version of the site once the Ipad is rotated (1024x786) the menu does not rotate as intended but it floats at the bottom left of the page, this seems to disregard the css rule.
Thanks in advance
-
Hey! I'm not sure what's going on there. To me it sounds like it's a matter of getting the CSS right. I would have to take a look with the iPad simulator. But that's really customizing lay theme outside of the "borders" of lay theme's standard options. I think right now I'm too busy for coding the right custom CSS for you :( I hope you can understand that I can't answer every CSS question.
However I think it's a good idea in general to be able to rotate the menu and I might code a customizer option for this one day.
-
Hey Armin! No worries I def understand - great work on the recent updates.
Cheers
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it