Guest Posted August 28, 2021 Share Posted August 28, 2021 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
iamdavehart Posted August 28, 2021 Share Posted August 28, 2021 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
Guest Posted August 29, 2021 Share Posted August 29, 2021 Thank you sooo much Dave. Worked perfectly. Thanks again. Faisal. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.