How to modify the shape of the submenu in theme "On Demand" ?

ceppi06 · Member · Feb 19, 2016 at 5:34 pm
Copy link

Add topic to favorites
Hello :-)

In the “on demand theme” the roll down submenu is quite narrow and forces long titles to be shown within a few short lines instead of a long single line… making de submenu ugly and difficult to read… Is there a way to change this please? Can we adapt the codes so that the submenu is shown as a single long line instead of a few short lines on top of each others please?

Thank you very much
Wishing you a great day :-)

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Feb 19, 2016 at 9:45 pm
Copy link
Hi, we can make the submenus wider, but this comes with certain problems. You have some very long menu labels, and the best design practice is to keep menu item name/labels short and descriptive. In this article on 6 Website Navigation Best Practices, they say,

Keep It Short

Sum up what information a visitor will find in a word or two. You don’t have much real estate in the navigation bar. And your users don’t have much patience. Be succinct.

That said, what we will have to do is to specifically target the Document menu so that it stays within the bounds of the content area so that those on tablets and phones can get to things.
```
#navigation .menu li#menu-item-1274 ul {
    margin-left: -690px;
    width: 750px;
}
#navigation .menu li ul {
    width: 500px;
}
```
Add the above and see what you think.
thesacredpath · Member · Feb 19, 2016 at 9:54 pm
Copy link
Actually, the above is not going to work. I just checked your site in a few other browsers and on Safari, Documents wraps to the left under home, so I would not try and use the above. On Firefox it would work, but on other browsers, no, and there isn’t really a way to do CSS for specific browsers here at WordPress.com.
ceppi06 · Member · Feb 20, 2016 at 5:35 pm
Copy link
Thank you very much for your advices, we’ll try that. Wishing you a great day :-)
thesacredpath · Member · Feb 20, 2016 at 8:59 pm
Copy link
You are welcome and let us know if you have additional questions or problems.

No items found.