anna6 Posted June 24 Share Posted June 24 Site URL: https://oriole-fox-rana.squarespace.com/config/design/custom-css Hi there, help please? I have managed to get my sub navigations to show up on mobile view, but I would like to rearrange the order in which they show up. I would like the "Commercial" and "Residential" to show above "Studio, Journal, Contact" Here is what's happening at the moment... Here is my code... @media (max-width: 799px){ .header-menu-nav-folder { transform: none; min-height: 100px !important; height: 50vw; } .header-menu-nav-folder { position: relative; transform: translateX(0); min-height: auto; } .header-menu-nav-folder a { font-size: 2rem; line-height: 1.5; } .header-menu-nav-folder[data-folder="root"] { position: relative; min-height: auto; order: 2; } .header-menu .header-menu-nav a[data-folder-id="/work"] { display: none; } .header-menu-controls-control[data-action="back"] { display: none; } } Thanks in advance :-) Link to comment
0 tuanphan Posted July 2 Share Posted July 2 On 7/1/2021 at 4:40 AM, anna6 said: Sorry @tuanphan I gave you the password to access all my squarespace, try a new one password: bubbles Add to Design > Custom CSS /* Mobile menu order */ @media screen and (max-width:767px) { nav.header-menu-nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } anna6 1 Email me if you have need any help (free, of course.). Answer within 24 hours. How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 tuanphan Posted June 28 Share Posted June 28 Hi. What is access password? Email me if you have need any help (free, of course.). Answer within 24 hours. How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 anna6 Posted June 28 Author Share Posted June 28 Oh damn... So sorry you had to ask, I'm a dunce. Password: l3tmeeein Link to comment
0 tuanphan Posted June 30 Share Posted June 30 On 6/28/2021 at 5:02 PM, anna6 said: Oh damn... So sorry you had to ask, I'm a dunce. Password: l3tmeeein Hi, l3tmeeein Incorrect password. Can you check it again? Email me if you have need any help (free, of course.). Answer within 24 hours. How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 anna6 Posted June 30 Author Share Posted June 30 Sorry @tuanphan I gave you the password to access all my squarespace, try a new one password: bubbles Link to comment
0 anna6 Posted July 3 Author Share Posted July 3 22 hours ago, tuanphan said: Add to Design > Custom CSS /* Mobile menu order */ @media screen and (max-width:767px) { nav.header-menu-nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } Worked a dream! Thank you @tuanphan Love your work! Link to comment
Question
anna6
Site URL: https://oriole-fox-rana.squarespace.com/config/design/custom-css
Hi there, help please? I have managed to get my sub navigations to show up on mobile view, but I would like to rearrange the order in which they show up.
I would like the "Commercial" and "Residential" to show above "Studio, Journal, Contact"
Here is what's happening at the moment...
Here is my code...
@media (max-width: 799px){
.header-menu-nav-folder {
transform: none;
min-height: 100px !important;
height: 50vw;
}
.header-menu-nav-folder {
position: relative;
transform: translateX(0);
min-height: auto;
}
.header-menu-nav-folder a {
font-size: 2rem;
line-height: 1.5;
}
.header-menu-nav-folder[data-folder="root"] {
position: relative;
min-height: auto;
order: 2;
}
.header-menu .header-menu-nav a[data-folder-id="/work"] {
display: none;
}
.header-menu-controls-control[data-action="back"] {
display: none;
}
}
Thanks in advance :-)
Link to comment
Top Posters For This Question
4
3
Popular Days
Jun 28
2
Jun 30
2
Jul 3
1
Jun 24
1
Top Posters For This Question
anna6 4 posts
tuanphan 3 posts
Popular Days
Jun 28 2021
2 posts
Jun 30 2021
2 posts
Jul 3 2021
1 post
Jun 24 2021
1 post
Popular Posts
tuanphan
Add to Design > Custom CSS /* Mobile menu order */ @media screen and (max-width:767px) { nav.header-menu-nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -we
Posted Images
6 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment