css Scrolling marquee 7.1

Site URL: https://pumpkin-strawberry-tcz5.squarespace.com/

PASSWORD: kb

I have a scrolling marquee in place but I think it's throwing the whole site off centre slightly (on desktop).

There is an unwanted margin on the left and on overflow on the right. 

Any help appreciated ✌️

10 hours ago, Katie_B said:

Site URL: https://pumpkin-strawberry-tcz5.squarespace.com/

PASSWORD: kb

I have a scrolling marquee in place but I think it's throwing the whole site off centre slightly (on desktop).

There is an unwanted margin on the left and on overflow on the right. 

Any help appreciated ✌️

Your issue with the hr, you set it 100vw and it break the width of wrap (the horizontal block)

Try style the hr using absolute positioning

hr {
    width: 100vw;
    position: absolute;
    left: -36px;
}

Thank you @bangank36 that's worked perfectly for the hr. 

The text marquee is still off centre though, any ideas? 

Thanks.  

https://pumpkin-strawberry-tcz5.squarespace.com/

PASSWORD: kb

This is fixed now @bangank36.

I hadn't added 'full width' to the code block on the marquee. 

Here's the css that I ended up using for the full width line:

hr {
    width: 100vw;
    position: absolute;
 margin-left: -2vw;
   margin-right: -2vw;
}
 

Thanks for your help.

@Katie_B

Do you need help with these?

Site URL: https://pumpkin-strawberry-tcz5.squarespace.com/

1. (Tablet – Homepage) There is scroll bar at the bottom of the page

2. (Mobile/Tablet) Slide don’t show in full size

3. (Tablet – Footer) “Squarespace” don’t lie on the same row (at services column, 1st from the bottom)

4. (Mobile – Footer)  Make Tools and Services to 2 columns