Jl87

Hello. I have custom icons on an accordion and had this code below for adding them. It works! Today I went to reorder the accordion options AND added a 5th one (there used to only be four. I did the same thing I did last time and just added a 5th line of code and the image for the icon. This isn't working! All the icons stayed in the same order (despite the new saved code being different image urls, and the 5th one doesn't show at all. Any idea what is happening and how to fix? Website: www.GTMEnabler.com For clarity on what the image names are... 19.png = lightbulb 20.png = Presentation 21.png = Gears 22.png = Pencil icons.png = Megaphone The order for the new layout is supposed to be... lightbulb Megaphone Presentation Gears Pencil The OLD layout was... Lightbulb Presentation Gears Pencil /*ADDING CUSTOM ICONS TO THE ACCORDION BLOCK WHILE KEEPING THE ARROW OR PLUS SIGN (7.0, 7.1 CE & 7.1 FE)*/ .accordion-item__click-target::before { background-size: contain; content: ''; height: 40px; margin-right: 10px; width: 40px; } .accordion-item:nth-child(1) .accordion-item__click-target::before { background-image: url(https://static1.squarespace.com/static/5ea7774c20697b10741707ee/t/65935f0e8084207544c13794/1704156942576/19.png); } .accordion-item:nth-child(2) .accordion-item__click-target::before { background-image: url(https://static1.squarespace.com/static/5ea7774c20697b10741707ee/t/66083541b1e9b9435d8c9765/1711813953494/ICONS.png); } .accordion-item:nth-child(3) .accordion-item__click-target::before { background-image: url(https://static1.squarespace.com/static/5ea7774c20697b10741707ee/t/65935f4c06b20640d2cea316/1704157004867/20.png); } .accordion-item:nth-child(4) .accordion-item__click-target::before { background-image: url(https://static1.squarespace.com/static/5ea7774c20697b10741707ee/t/65935f4c6f18a20366260a4f/1704157004865/21.png); } .accordion-item:nth-child(5) .accordion-item__click-target::before { background-image: url(https://static1.squarespace.com/static/5ea7774c20697b10741707ee/t/65935f4c8084207544c14268/1704157004856/22.png); }

@Ziggy Thank you. This works! How do I make it so the navigation text 1) Is aligned with the icons? It seems to be "off center" with my social icons and 2) NOT have a "strike through" line when you mouse over the item. See vid for example Screen Recording 2024-01-22 at 2.02.14 PM.mov

Hi! I have tried every online tutorial for this. I know how to create an anchor link in the code block and I know how to add it as a "link" to the navigation, but it does not work. It doesnt do anything when I click the link. I am trying to create "jump links" in my navigation that jumps to sections of the homepage. I just have one continuous page and dont want separate pages. Any advice? website: www.gtmenabler.com Example of what I tried:

@tuanphan I am having the issue on all pages as its mobile view for Android that looks like this.

I got it to work by adding an !important tag. TY!

@Ziggy it won’t let me adjust the size anymore. When I adjust the size in the code itself it just changes the size of the calendly calendar - NOT the excess white space below.

@Ziggy no warning message! Just no removing of the space. Here’s one of the pages with the calendly embed. See all the space below? https://www.gtmenabler.com/book-consult

@Ziggy I'm having some similar issues. On desktop/mobile, my website looks great - but looks awful on ipad. I'd like for the ipad view to respond exactly like mobile, but it instead acts like desktop and smooshes content together and creates tiny columns of overlapping text. thoughts? www.gtmenabler.com

@tuanphan I'm having this same issue. I'm viewing my mobile version look on Android view of Chrome DevTools, and I have white space on the right side of the whole thing for this device view. Any help? www.gtmenabler.com

Hi! I'd love any and all feedback on my site. Some things in particular I'm interested in getting thoughts on... Design Layout Loading speed/quality Content (does it make sense?) All links, widgets, etc working website: www.gtmenabler.com Thank you!!!

Hi. I've added buttons to my accordion. How do I remove the underline from the button (text-decoration CSS not working)? How do I get the button to "center" in the accordion block and not be left aligned? How do I add one or two line space from the text in the accordion and the button? } .sqs-block-accordion a { border: 0px; background: #FFCC02; color: # !important; padding: .75rem; font-weight: 650; border-radius: 18px; display: inline-block; padding-top: .75rem; padding-bottom: .75rem; padding-right: 2rem; padding-left: 2rem; text-decoration-line: none !important; &:hover { background: #282E42 !important; transition: 0.2s; color: #FFF !important; } } website: www.gtmenabler.com

Hi! I have a logo on my website that is left aligned. However, I have the text on my whole page being a few gridlines in and want to have the logo aligned to the text. How can I move the logo in to align while also ensuring it stays align dynamically regardless of screen? For more context - it seems to do this innately in mobile view. website: gtmenabler.com

@Ziggy I have the same problem. the code is in my CSS per your instructions and it didn't work. any help? website: gtmenabler.com password: password

@tuanphan you're the best!! thank you!

Hi! I'm trying to turn my navigation into anchor links that scroll to parts of the home page. The only one I have up right now is for "services". I added this code into the section of my home for services (section is titled "See quick ROI with full range services"): <div id=”services”></div> Then I created a navigation link called "services" with the link itself being to #services. This didn't work, so I tried the link as /home#services. This didn't work. How can I make my navigation into anchor links? Thanks! website: gtmenabler.com password: password