Jump to content

my custom CSS not centering ALL of my text on mobile only

Recommended Posts

Site URL: https://coconut-grasshopper-b736.squarespace.com/config/pages/632491ecd2457c0d3e60fa0e?p

hi

password : ginger kev

i want to centre the footer text/social icons on mobile ONLY

i sourced the following css code - but it does not work for ALL my footer..seems to work on social icons only...can you help?

@media screen and (max-width:767px) {
footer#footer-sections * {
    text-align: center !important;
}
}

many thanks

Kev

Link to comment
  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

13 hours ago, moran75 said:

whoops! try :

 

gingerkev

Don't remove any code in your current code. Add this CSS

@media screen and (max-width:767px) {
.fluid-engine.fe-6336c580b424b77aca8505d8 {
    display: block !important;
}
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
22 hours ago, moran75 said:

many thanks...but text - email,phone,page names - are still over to the left rather than in middle?...

 

kev

Try remove this code from Custom CSS

#footer-sections .sqs-block-html a {
    display: inline-block;
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
12 hours ago, tuanphan said:

Try remove this code from Custom CSS

#footer-sections .sqs-block-html a {
    display: inline-block;
}

 

hi...remove? I cant find the code in my custom CSS? Unless i mis-understand.....😀

Link to comment
On 10/5/2022 at 3:13 AM, moran75 said:

hi...remove? I cant find the code in my custom CSS? Unless i mis-understand.....😀

If you don't see it, add this to override it

#footer-sections .sqs-block-html a {
    display: block !important;
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.