Jump to content

HOW DO I REMOVE THIS MARGINS ON TOP AND BOTTOM OF MY WIDGET mobile version

By clarkdc, in Customize with code

Go to solution Solved by tuanphan,

Recommended Posts

  • Replies 3
  • Views 439
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

Square_Ace Level 8

Square_Ace

Posted
Posted

Hi, this is going to be really difficult to explain how to fix. It's one of those where you need someone who knows what they are doing just to go in and do it.

You've got some issues which are causing the gaps. You also multiple logo scrollers on your homepage but I'm just looking at the first one here.

image.png.37699ab0adbbb5090ac1b1dc1dc53c0e.png

image.png.c3d7ac48ce4699d75307e9f6157414da.png

This shows you have some custom CSS adding a margin to the top of the section so you might want to remove that.

image.png.315b1412574a09ea4386170fbd2e1712.png

This one shows that your content area is taller than the scroller so you could drag up to have less rows, reducing the height of the section.

image.png.17c8c8bf2c1d1614d2f53026c8d32630.png

This one shows that the height of your scroller is taller than the contents of the scroller. When editing the site in mobile mode, you may find that increasing or decreasing the height of your browser helps you to reduce the height of the scroller block while in edit mode.

I hope that helps.

Square Ace

Enhancing Squarespace websites for over a decade. I am an expert in writing custom code for the Squarespace platform.
Tailor-made, reusable solutions to your problems, whether it's styling, layout or functionality.
Maverick Squarespace Designers, I'll be your Goose. If your tools are holding back your creative vision, maybe I can help.
I also build useful plugins for Squarespace (with some really positive reviews) including the popular high-quality video background plugin.

  • Solution
tuanphan Level 18

tuanphan

Posted
  • Solution
Posted

You can also try this to Website Tools > Custom CSS 

@media screen and (max-width:767px) {
    section[data-section-id="6709333b7562987c75815638"] .content {
        margin-top: 0px !important;
    }
    .fe-6709333ba82ead4402af6c83 {
    grid-template-rows: repeat(2,minmax(24px, auto)) !important;
}}

image.png.f895047f955cf974d84a262ca9055f77.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources