Hi There, I am new to Squarespace, but have worked in a lot other platforms and have coding experience from 10 yrs ago. So needless to say I am a little rusting in the coding department.
I am looking for some coding help on getting my sites navigation drop down box to fit with the text; align with main folder and wrap sub nav titles. In my screenshot the box should align with top navigation link. Here is the code I have used:
/* Change dropdown menu background */
.header-nav-folder-content {
background: #F3F3F3 !important;
font-size: 15px;
}
/* Align left dropdown */
.header-nav-folder-content {
text-align: left !important; background-size: auto;}
/*Change width of drop down & wrap text*/
.header-nav .header-nav-item--folder .header-nav-folder-content {
width: 50%;
}
I am also looking for code suggestions on creating drop down text from an image. It is the same concept of dropdown accordion text but I want the text to drop when the image is clicked. See second screen shot of the 4 images; I want the text below to drop when the image is clicked vs. being static text below.
My site is still in trial mode so I can't share the link.
Hi There, I am new to Squarespace, but have worked in a lot other platforms and have coding experience from 10 yrs ago. So needless to say I am a little rusting in the coding department.
I am lo
Question
theRooRoo 6
Hi There, I am new to Squarespace, but have worked in a lot other platforms and have coding experience from 10 yrs ago. So needless to say I am a little rusting in the coding department.
I am looking for some coding help on getting my sites navigation drop down box to fit with the text; align with main folder and wrap sub nav titles. In my screenshot the box should align with top navigation link. Here is the code I have used:
/* Change dropdown menu background */
.header-nav-folder-content {
background: #F3F3F3 !important;
font-size: 15px;
}
/* Align left dropdown */
.header-nav-folder-content {
text-align: left !important; background-size: auto;}
/*Change width of drop down & wrap text*/
.header-nav .header-nav-item--folder .header-nav-folder-content {
width: 50%;
}
I am also looking for code suggestions on creating drop down text from an image. It is the same concept of dropdown accordion text but I want the text to drop when the image is clicked. S
ee second screen shot of the 4 images; I want the text below to drop when the image is clicked vs. being static text below.
My site is still in trial mode so I can't share the link.
Link to post
Top Posters For This Question
3
2
Popular Days
Mar 8
1
Mar 3
1
Mar 4
1
Mar 6
1
Top Posters For This Question
theRooRoo 3 posts
bangank36 2 posts
Popular Days
Mar 8 2021
1 post
Mar 3 2021
1 post
Mar 4 2021
1 post
Mar 6 2021
1 post
Popular Posts
bangank36
For the navigation position .header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content { right: auto; }
theRooRoo
Hi There, I am new to Squarespace, but have worked in a lot other platforms and have coding experience from 10 yrs ago. So needless to say I am a little rusting in the coding department. I am lo
theRooRoo
@bangank36 Thanks for reaching out. I have enabled my trial site. https://fiddle-flute-dw8f.squarespace.com/ cUr10s1ty!
Posted Images
4 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