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