Mobile Logo Showcase Appearance

Ask the Community Customization
1

I have used the logo showcase on multiple website and used the code to reduce the padding in squarespace. This has always worked well. However I am having issues with the logo showcase on mobile for a specific website. It will not allow me to adjust the height of the container. It is leaving 10x the space below the logos than is needed. Why is this not working on this specific site?

1 Like
3

Hi there, @Shane_Michelli :wave:

Our devs will check this issue and I’ll update you tomorrow :slightly_smiling_face:

4

@Shane_Michelli This extra padding appears because of the Fluid Engine. Here is an article explaining how to fix the issue.

Check it out and let me know if it helped :slightly_smiling_face:

5

As mentioned in my question I have dozens of websites and multiple widgets. I have used this code on all successfully. It isn’t working on this one website? The code is added as it is on all other sites - example cherokeeinvitational.com has the logo showcase used on two pages with no issues.

Why is it that is is only impacting this one?

1 Like
6

Our devs double-checked the issue and found that the block where the widget is installed has 35 rows, which causes this extra padding to appear:

image
image701×982 162 KB


The block with the widget on your 2nd website has just 3 rows, that’s why it looks fine:

image
image692×196 89.2 KB

Thus, to fix the issue, you need to reduce the number of rows for this block. Please try it out and let me know if it helped :slightly_smiling_face:

7

Thanks for this. You just explained the issue. It will not allow me to reduce the rows. The website will allow me to adjust the block but the widget defaults back to this size and won’t allow it to move.

1 Like
8

If it was a row issue wouldn’t the issue present itself on the desktop version?

1 Like
9

Got it! Please try to use this code in the Custom CSS field on the Style tab of your widget’s settings:

.global-styles, .fluid-engine:has(.elfsight-app-52e0f80d-43be-43fb-b9e7-1df2b15a16d0) {
    display: block !important;
}

Give it a try and let me know how it worked :slightly_smiling_face:

10

Thank you. None of these solutions are working so I will delete the widget. Never had this issue on other sites within Squarespace. I chose a colored background to see if it was Squarespace or the widget. It appears something is not working correctly. Squarespace tech support confirmed all the code and the fluid engine work around were entered correctly on my end. Hope this doesn’t become common or I will have to find another solution. Thanks again.

1 Like
11

I am genuinely sorry that these solutions didn’t work :pensive:

Our devs would love to investigate this issue further. However, to do this, we need the widget to be installed on the page. Could you please bring it back or install the widget to the test page?

12

Thanks! I added it back to the site. Let me know if they find anything.

1 Like
13

Thank you! I however checked your website and the widget is still not displayed on my end:

image
image902×981 215 KB

Could you please double-check it?

14

Thanks, I went back and added. I needed to save my changes. Look forward to hearing resolution if they can determine.

1 Like
15

Thank you so much!

I’ve forwarded your request to the devs and will report back tomorrow :slightly_smiling_face:

16

Hi there, @Shane_Michelli :wave:

The issue was caused by the styles of your Testimonials Slider widget, which were applied to the Logo Showcase widget. However, we’ve fixed it using this CSS code:

.global-styles,
.elfsight-app-52e0f80d-43be-43fb-b9e7-1df2b15a16d0
  [class*='Background__Container-sc'] {
		height: auto !important;
}

Please check your website and let me know if it’s fine now :wink:

17

Thank you so much!!!

2 Likes
18

Happy to hear you are fine now!

Feel free to get back to us if any other assistance is needed. We are always delighted to help :wink: