Reordering Navigation Bar

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.

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

Thank you sooo much Dave. Worked perfectly. Thanks again. Faisal.