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