Change menu subheadings so they go left?

stickymangorice · Member · April 3, 2019 at 4:46 am
Copy link

Add topic to favorites
Hi,

I love this theme, but I have an issue with the menu bar. The dropdown of pages is fine, but some of my pages have sub-headings, which populate to the right when you hover above. These are only visible when I have the screen open at a huge size.
I want the sub-pages to populate to the left, so I don’t need to expand my screen so much. I’m new to CSS, so if this is required, please explain in very basic terms!

My blog is at https://stickymangorice.com/, if you need to see what i’m talking about.

Hope you can help.
Derrick

The blog I need help with is: (visible only to logged in users)
themegrill · Theme Author · April 3, 2019 at 8:00 am
Copy link
Hi there,

Please add the following CSS in additional CSS option and save the changes.
```
.main-navigation ul ul ul {
   left: -100%;
}
.main-navigation ul ul ul li {
   float: none;
}
```
Hope this helps.

Thanks.
Sanjip S.
stickymangorice · Member · April 3, 2019 at 9:47 pm
Copy link
Works perfectly, thank you!
themegrill · Theme Author · April 4, 2019 at 9:36 am
Copy link
Great!

Thanks.
Sanjip S.

No items found.