Jump to content

Mobile Footer Custom CSS

Recommended Posts

  • Replies 6
  • Views 1k
  • Created
  • Last Reply

Add to Home > Design > Custom CSS

/* footer logos */
@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1601057555302_42529 .slide {
    width: 33.33% !important;
    float: left !important;
}
div#block-yui_3_17_2_1_1601057555302_42529 .slide img {
    width: 100% !important;
    height: auto !important;
    top: 0 !important;
    left: 0 !important;
}
}

 

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
  • 3 weeks later...
On 12/10/2020 at 3:09 AM, TVB said:

Hi @tuanphan! Thank you for your help! Is there any way you could help me with another mobile footer issue? We want the facebook icon and address to be centered just when on mobile. Website here. Password: sca

Thank you!! 🙂

Screen Shot 2020-12-09 at 3.09.36 PM.png

Add to Home > Design > Custom CSS

/* footer center fb address */
@media screen and (max-width:767px) {
div#page-section-5f92f36cb7b38d5527e0068c .span-9 .span-3 * {
    text-align: center !important;
}
}

 

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
On 12/16/2020 at 12:11 AM, TVB said:

Oh great catch! How would I fix that?

Add to Home > Design > Custom CSS

/* tablet 2 images row */
@media screen and (max-width:991px) and (min-width:768px) {
div#page-section-5f96e14a09b3a46869aa5fd6 .span-12>.row>.span-3 {
    width: 50%;
}
div#page-section-5f96e14a09b3a46869aa5fd6 .span-12>.row>.span-6 {
    width: 100%;
}
}

 

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.