<![CDATA[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

]]>https://laythemeforum.com/topic/168/custom-menu-css-rule-mobile-version-troubleshootRSS for NodeTue, 14 Apr 2026 05:29:10 GMTMon, 26 Oct 2015 08:39:32 GMT60<![CDATA[Reply to Custom Menu CSS Rule / Mobile Version Troubleshoot on Tue, 27 Oct 2015 12:19:35 GMT]]>Hey Armin! No worries I def understand - great work on the recent updates.
Cheers

]]>https://laythemeforum.com/post/675https://laythemeforum.com/post/675Tue, 27 Oct 2015 12:19:35 GMT<![CDATA[Reply to Custom Menu CSS Rule / Mobile Version Troubleshoot on Tue, 27 Oct 2015 11:07:31 GMT]]>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.

]]>https://laythemeforum.com/post/669https://laythemeforum.com/post/669Tue, 27 Oct 2015 11:07:31 GMT