Jump to content

Adding a icon or bullet point to folder items

Recommended Posts

  • Replies 5
  • Views 604
  • Created
  • Last Reply
57 minutes ago, Elle_H said:

Site URL: https://deb-roberson-noosa-naturopath.squarespace.com/

Is it possible to add a bullet point or better yet a "dash"  (. - ) to the folder items in the menu navigation?

Website - https://deb-roberson-noosa-naturopath.squarespace.com/

Password: Deb

 

Thank you

try this custom css

.header-nav-folder-content .header-nav-folder-item a:before {
  content: "- ";
} 

 

image.png.ff2a425abbdeb48b4fd89937a2b8c30c.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
On 5/10/2021 at 9:41 AM, Elle_H said:

Site URL: https://deb-roberson-noosa-naturopath.squarespace.com/

Is it possible to add a bullet point or better yet a "dash"  (. - ) to the folder items in the menu navigation?

Website - https://deb-roberson-noosa-naturopath.squarespace.com/

Password: Deb

 

Thank you

I see these problems. Do you need to fix?

Site URL: https://deb-roberson-noosa-naturopath.squarespace.com/

1. (Mobile-Footer) Move logo to top of footer?

deb-roberson-noosa-naturopath.squarespac

2. (Tablet-Footer) Increase right column text width?

deb-roberson-noosa-naturopath.squarespac

3. (Tablet-Homepage) Make overlap same as desktop?

deb-roberson-noosa-naturopath.squarespac

4. (Tablet-Contact) Increase text width?

deb-roberson-noosa-naturopath.squarespac

5. (Mobile-Contact) Move image to top of text?

deb-roberson-noosa-naturopath.squarespac

6. (Tablet-Blog) Change to 2 posts/row?

deb-roberson-noosa-naturopath.squarespac

7. (Tablet-Overlay) Add a space between 2 lines?

deb-roberson-noosa-naturopath.squarespac

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
23 hours ago, Elle_H said:

Hi, Thank you for your suggestions. Im not sure how to code this one though

Add to Design > Custom CSS

/* footer */
@media screen and (max-width:767px) {
div#page-section-607e550503ab20228de67527>.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
div#page-section-607e550503ab20228de67527>.row>.span-4 {
    order: 1;
}
div#page-section-607e550503ab20228de67527>.row>.span-3:last-child {
    order: 2;
}
div#page-section-607e550503ab20228de67527>.row>.span-3:first-child {
    order: 3;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.