Jump to content

Footer logo image does not display on mobile.

Recommended Posts

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

Hello,

The problem is that the logo in the site's footer cannot be displayed in mobile view.
I consulted with support, and they suggested that it could be due to code added to the Custom CSS panel.
However, I was advised to consult the community as troubleshooting the code is outside the scope of support.
I have taken over the site, but being a newbie have not been able to resolve this issue. There is a code that causes the scroll icon to blink, and I have removed it, but the logo still does not appear. Any other advice on what else to check would be appreciated.
Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

1 hour ago, FY_TOKYO said:

The problem is that the logo in the site's footer cannot be displayed in mobile view.

The image is not visible because you have removed padding with the following lines of CSS:

@media screen and (max-width: 767px) {
  footer.sections section * {
  padding-top: 0 !important; 
  padding-bottom: 0 !important; 
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-size: 1rem;
  }
}

If you place // just before "padding" (or remove these lines) you'll see what I mean.

Did this help? Please give feedback by clicking an icon below  ⬇️

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

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.