Jump to content

Adding a icon or bullet point to folder items

Recommended Posts

  • Replies 5
  • Views 733
  • Created
  • Last Reply
Posted
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 (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted
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!)

Posted
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!)

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.