Jump to content

Issues with .Footer-inner

Recommended Posts

Site URL: https://www.cooliconlighting.com/


I have noticed some recent changes on the footer of my Brine Template website. At first, throughout the whole website, I see a second scrollbar on the right of the screen for displays widths of 1024px and lower.


I managed to find what part of my CSS was causing it, and it appears to be this:

.Footer-inner {
  padding: 0px 17px 0px 0px !important;

I have not touched my footer or this part of the CSS in a very long time, so I'm not sure about why it suddenly created problems. 

To fix it, I could simply remove it, however, I would like to keep the same footer. At the moment, there is an image in the top footer, and the .Footer-inner code is removing the extra spacing that would appear above the image, as well as making the image full width.


Would anyone be able to help me remove the second scrollbar while keeping my footer the way it is please?

Thank you in advance!

Edited by ChloeCL
Link to comment
  • Replies 2
  • Views 180
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images


Thank you for your answer. I disabled it at the moment, by adding a x in the code:

.xFooter-inner {
  padding: 0px 17px 0px 0px !important;

The scrollbar is showing on every page when enabled, only on screens with a displays width of 1024px and lower, but not on mobile so far.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.