Jump to content

How do I override this code?

Recommended Posts

Posted

Site URL: https://roxxannemacdonald.com

Hi! 

On the mobile version of my site, the first section is too big (I've removed the header, so it's a section). 

I inspected the page and it's this section. I don't know how to override it? 

@media screen and (max-width: 767px)
.homepage section:first-child {
    height: 30vh !important;
    min-height: unset !important;
}

  • Replies 5
  • Views 1.4k
  • Created
  • Last Reply
Posted
Just now, creedon said:

Remove that code and you should be good.

This is what I see when I remove that code locally.

1749188525_ScreenShot2021-04-03at10_49_13PM.thumb.png.8d489fefcd472bfe56c4340130851a60.png

Let us know how it goes.

Hi! Thanks for your help

How can I remove the code? It isn't code I've added myself. 

Posted
1 minute ago, creedon said:

Ah. I see! 🙂

I think you'll find the code in Design > Custom CSS.

Let us know how it goes.

My goodness! I must have put that in ages. Thank you so much! 

Posted

@Roxxanne Just want to say the layout on tablet doesn't look good.

You can add this to Design > Custom CSS to increase text width

/* Tablet text width */
@media screen and (max-width:991px) and (min-width:768px) {
div#page-section-60681dfed446556b94aed0b0 .span-6:first-child {
    width: 70% !Important;
}
}

image.thumb.png.075ef5ca1521e21764a9bef8d4267fa0.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!)

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.