Double line navbar menu navigation
-
I would like to make a navbar span across 2 lines and decide which items are on each line.
Current items are:
ABOUT
EDITORIAL
FEATURES
BODY & BATH
BRANDS
FRAGRANCE
LIFESTYLE
MAKEUP
SKINCAREI would like ABOUT – FEATURES on the top line and BODY & BATH – SKINCARE on a line below it.
I would also like to style the top line differently.
The website currently looks like this: https://www.hughes-test.co.uk
If it makes it any easier to understand what I am trying to achieve here is a screenshot and some mock ups I created.
How it looks currently: https://www.hughes-test.co.uk/wp-content/uploads/2016/07/Navbar-current.png
And how I would like it to look: https://www.hughes-test.co.uk/wp-content/uploads/2016/07/Navbar-mockup-right-align.jpg or https://www.hughes-test.co.uk/wp-content/uploads/2016/07/Navbar-mockup.jpg
preferably an option of both styling (left and right aligned).
I have a decent understanding of CSS but cannot work out how to achieve this, any help would be much appreciated!
I am using Customizr Theme set up as a child theme.
- The topic ‘Double line navbar menu navigation’ is closed to new replies.