Hi all,
This is my website: http://bluesky-education.com/
I’ve been struggling to find a way to make all the main menu items display on one line only, instead of the “Giving Back” item being on a 2nd line. Can someone please help?…
Thanks in advance!
Hi Alissa,
Very sorry for the late reply. We work through a prioritized forum queue, and unfortunately, it’s taken us some time to get to your thread.
https://siteorigin.com/about/forum-thread-prioritization/
Because it’s been a while since you posted this, would you mind letting us know if you still need help? If so, we’ll jump right in.
Hello Alex,
No worries. Thanks for getting back to me. I do still need support! I’ve taken off one tab from the main navigation menu, so that all items appear on the same line, but I’d like to add it back… Can you please advise how to make all items on the menu appear on the same line?
Hi Alissa,
You can do this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
#main-nav > li > a { margin: 0 30px; }30px is the current horizontal spacing between tab. You’ll need to decrease it to get the desired spacing while having everything on the same line.
You might also need to install the SiteOrigin CSS Editor.
Thanks for your help! It worked!