Viewing Can't Center Navigation

Can't Center Navigation



User: Jennifer S. 6 years ago
I have a rather large navigation menu...15 separate links at present. They spill over into a second line on the website, which I don't mind but would like it to center...not show up like a paragraph that spills onto a second line.

How can I get the text within the widget to center. As you can see with the attached screen grab, I've chosen the "centered" option within the widget. I realize this is likely for ALL pages as a unit, vs. the spill over pages that show on the next line.

By the way, I understand that moving some of the pages underneath a collapsable menu listing would be best but I'd prefer not to go that route if possible.

Can what I'm asking be done? If so, how?
Thank you.
Jenny

Nav Centering Issue.jpeg
User: Roddy 6 years ago
Click the site name at the top of the laft column in EverWeb.
Paste this code into the Head Code box ...

<style>
#navmenu_menu0 ul {text-align:center !important}
#navmenu_menu0 ul li {display:inline-block !important;float:none !important;margin-bottom:10px}
</style>

The value for margin-bottom creates vertical spacing between the rows. Adjust it as required.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Roddy 6 years ago
More info about styling the EverWeb navigation HERE.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Jennifer S. 6 years ago
Thanks, Roddy. Hadn't looked back at your solution here until just now. All is as I'd like it now. You're always the best!
Jenny


Post Reply
You must login or signup to post.