Jump to content

Reordering Navigation Bar

Recommended Posts

Site URL: http://www.faisalalmutairi.com

Hi.

I am building a blog site which should be completely in Arabic. Everything is perfect at the moment. Anyway, I would like to know if there is a possible way to reorder the navigation bar (on desktop only) to become in descending order starting from right to left. Accessing the website on mobile have no issues in terms of order, it is only on pc.

Kind regards, Faisal.

Link to comment
  • Replies 2
  • Views 333
  • Created
  • Last Reply

Hi Faisal,

if you add this to your custom css from the main design menu it should do what you want.

.header-display-desktop nav.header-nav-list {
    flex-direction: row-reverse;
}

.header-display-desktop nav.header-nav-list div:first-child {
    margin-left:1.3vw
}
  • first rule changes reverses the order of the navigation list
  • second rule puts back in the left hand margin which squarespace removes for the first child when ordered LTR to make the spacing correct

Dave Hart. Software/Technology Consultant living in London. buymeacoffee 

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.