Joey27

Hi, This made my homepage larger, this is the current code I have: footer a { text-decoration: none !important; } footer p a:hover { color:#f7b40f !important } .header-nav-wrapper a:hover { color: #f7b40f !important; } /* mobile-top banner */ @media screen and (max-width:767px) { body.homepage article section:first-child { min-height: unset !important; height: 30vh; This is before I inserted your code, im mot sure If it affected it, I just want it to fit phone screens properly and maybe get rid of the home page if the button does not fit properly

yes please

email, however I don't know if it worked, I require all the work you mentioned bar the first page as I have been told you cannot shrink the buttons relative to the pages and the positions would move etc. so I am thinking everything you mentioned and hiding the first page if we cannot shrink down the button, thank you again for your help! 🙂

I have messaged you, yes please!

ccs to just hide it? as its still not a great size lol I give up on it

Site URL: https://www.spanishlanguagecentreuk.com/online-courses I would like some help with CCS code that will correctly size my site for mobile use, keeping all the buttons in the right places, as you can see it goes crazy with the mobile version.

The first page (background), then the following images. What I am trying to achieve is the desktop version but shrunk to mobile, not as it currently is with the first page image being cropped then the rest is made as a list with the buttons positioned in wrong places. I want to lock the buttons where they are and to appear as is on any size screen.

Site URL: https://www.spanishlanguagecentreuk.com I have a Squarespace site: https://www.spanishlanguagecentreuk.com and when opened on mobile the landing page does not fit and the images become a list, I have tried many CCS codes that I have seen on here but I am having no luck. Please help me!