- This topic has 9 replies, 3 voices, and was last updated 10 years, 1 month ago by
Tom.
-
AuthorPosts
-
March 29, 2016 at 9:14 am #182611
Leif
Hi,
How do I get the menu padding to 0 right and left as it is on this page?
https://www.thegooru.com/block-urls-with-this-chrome-extension/
March 29, 2016 at 10:39 am #182658Tom
Lead DeveloperLead DeveloperHi there,
Try this CSS:
.main-navigation .inside-navigation.grid-container { max-width: 100%; }March 29, 2016 at 10:45 am #182662Leif
Thanks Tom,
Works perfect, now I just need to figure out how to align the dropdown menu to the left instead of right since it went out the to much on the right .. You don´t happen to know that to .. 😉
Thanks again anyway .. =)
March 29, 2016 at 11:02 pm #182774Tom
Lead DeveloperLead DeveloperI’m not too sure what you mean? Can you show me?
March 30, 2016 at 2:14 am #182819Leif
Hi Tom,
The website is developed offline, but when I hoover the menu to show the dropdown menu it folds down and aligns to the right but I want it to align to the left instead of original so it does not go out under the window on the right side of the page, because it disapear a little bit when the menu is so far out the right.
I dont know how to explain it more.
March 30, 2016 at 8:54 am #182922Tom
Lead DeveloperLead DeveloperPerhaps this will help?:
.main-navigation ul ul ul { right: 100%; top: 0; left: auto; } .main-navigation ul ul { right: 0; left: auto; }March 31, 2016 at 1:42 am #183091Leif
Hi Tom,
Perfect, that was what I needed it solved the issue perfect .. Thanks again for your support, best support of all theme authors .. =) .. You do great things for the wordpress community .. =)
March 31, 2016 at 10:11 am #183205Tom
Lead DeveloperLead DeveloperThank you! I appreciate that 🙂
June 13, 2016 at 6:11 am #201525Max
Hey Tom
I need to bump this Topic.
Your css works to move the third level sub menu item to the left but what about the arrow (>) at the end of the second level submenu…it still points to the right. And so it looks a bit confusing and untidy.
Is there any way to have the arrow also pointing to the left and placed at the start of the second level label to make it more user friendly.
Kind Regards
Max
June 13, 2016 at 9:13 am #201582Tom
Lead DeveloperLead DeveloperTry this:
.dropdown-hover .children .dropdown-menu-toggle:before, .dropdown-hover .sub-menu .dropdown-menu-toggle:before { content: "\f104"; } .sidebar .menu-item-has-children .dropdown-menu-toggle, nav ul ul .menu-item-has-children .dropdown-menu-toggle { float: left; } -
AuthorPosts
- You must be logged in to reply to this topic.