CSS to Style Banner Button on Mobile - v7.0

Hi there,

Would anyone be able to help me change the font-size and increase the padding (or button size) on the banner button, on mobiles only? (I'm using SS version 7.0, Marquee template.)

The button looks normal sized on desktops but super small on mobiles.

I've successfully located it and modified it within Chrome's Inspector, but this code doesn't work when pasted into CSS and I can't work out what's required. 

NB - I do also have this bit of CSS to increase the font-size of the Banner Description. Maybe this affects things? 

@media screen and (max-width: 640px)
{
   .page-desc p 
  {
  font-size: 23px;
  padding: 10px !important;
}
}

Thanks.

Ed

Hey Ed, for questions regarding code, it's much easier if you post a link to your website. It doesn't look like the CSS selector you have is correct for a button, that looks like it would be for text only. Since there are many possible places in Squarespace to add a button, I can give you the exact code if you can provide a link to the page you're trying to style.

Hi there,

(Sorry, first time post.) I did enter my URL into a separate field, thinking it would come through, but clearly not. Thanks.

https://www.sohovocaltuition.com/ 

Thank you so much, Web_Solutions. It works a treat!  (My initial attempt left out the margin and padding code, which (for whatever reason) meant it didn't work at all.

🙏

8 hours ago, Jareth said:

Thank you so much, Web_Solutions. It works a treat!  (My initial attempt left out the margin and padding code, which (for whatever reason) meant it didn't work at all.

🙏

 

Sorry I didn't understand.