Jump to content

Reduce the margin Comment section - only for mobile view

Recommended Posts

Hello,

I would like to ask for your help related to following topics. I would prefer the solution which could be applied to the whole site not just specific blog post:

1. How could I reduce the margin in Comment section (renamed to "How did you like this spot?"), between Header and Text input box? On desktop it looks ok, but for some reason on mobile device there is really ugly space between them.

2. Is it possible to also reduce the space between code block above comment section and comment section itself? In this case for both mobile and desktop.

3. Is it possible to match the comment header font size to the h2 used across blog spot. But without making it to big for mobile devices? I was able hard-coded the font size same as I am using for h2, but you can imagine how ugly and big it was on mobile screen.

Thank you for your amazing advices here on forum! 

Snímka obrazovky 2024-05-03 o 11.15.03.png

Snímka obrazovky 2024-05-03 o 11.19.19.png

Link to comment
  • Replies 4
  • Views 238
  • Created
  • Last Reply

Top Posters In This Topic

On 5/4/2024 at 3:55 PM, GregOvens said:

Hello @tuanphan I saw a lot of great advises within squarespace forum, therefore I would like to ask you if you could help with my problem / questions?

Thank you in advance for any feedback!

Can you share link to a blog post on your screenshot? We can check easier.

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!)

Link to comment

#1. #2. Use this code to Website > Website Tools > Custom CSS

.controls {
    padding: 0px !important;
}

.comment-controls {
    display: none !important;
}

.squarespace-comments {
    margin-top: 0px !important;
}

#3. You mean Navigate Me text?

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!)

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.