Timma89

Thanks for all your help @Shadmon It just doesn't seem to quite work on the mobile at this stage. would padding settings or similar override what were doing? could you let me know the code to do the same on a different page with the section id being; data-section-id="6634d52d0780b20bb506c148 Thanks again.

@Shadmon Not sure if this request is easier than the last?

Hi @Shadmon really appreciate you trying so many things to resolve this. I havent had any luck yet, but would a separate image for <600px devices work that I could tailor the file to suit? How would I add a separate image for Mobile devices in the code?

Thanks for that @Shadmon its fixed when previewing Mobile on a PC but on my phone it still shows the hairline gap unfortunately.

After having a play with custom shapes after my sites header ( https://forum.squarespace.com/topic/296075-header-after/ ) Id like to do this for a few other sections of my site. Could someone let me know the code to change the Styling Divider to a custom .svg file that sits on top of the section?

certainly looks better @Shadmon, On my phone I've still got a hairline gap (ill check the img file to make sure its not there). When I shrink my desktop window this is how it appears Would there be different code to fix that? Thanks for your help with this @Shadmon

thanks for the reply Shadon, I've copied and pasted the code and everything looks correct I couldn't shrink the img file small enough to the desired size so I reformatted the image which has worked pretty well. But on the mobile site it seems to not be docked to the top and has a gap. Hoping theres an easy fix for that?

Hi legends. Im been playing adding a custon .svg shape after my header to mirror some branding graphics. I was hoping for a code could added to reduce the size on the mobile version? I'm happy enough with the desktop version. This is the code Ive used in my custom CSS and I've attached screeenshots from desktop and mobile devices. Ideally it could be adjusted by screen width percentage so I can match the shape length with the logo width. (Shape code ) header#header:after { content: ""; background-image: url(https://svgshare.com/i/15fH.svg); background-size: contain; display: block; width: 100%; height: 40%; background-color: transparent; background-position: center; position: absolute; background-repeat: no-repeat; Thanks in advance.