Jump to content

Phone banner good, tablet banner looks bad

Recommended Posts

Site URL: https://synthesizer-broccoli-5mar.squarespace.com/

Hi everyone,

I'm new to this forum and hope it's okay that I re-post my issue, described a little better than the first time I posted it. I am desperate and hoping anyone can help! My site is https://synthesizer-broccoli-5mar.squarespace.com/ with pw McDonald 123. I can't understand why the banner on my computer view and mobile phone view look good, but on my tablet the logo is very small, and there is a lot of white space below the banner. How can I make the elements (burger, logo, cart) more proportionate on the tablet? Thank you so much! 

Link to comment
  • Replies 3
  • Views 389
  • Created
  • Last Reply

Hi Tuan, here is my tablet banner with lots of white space and a small logo that I’d like to make bigger. Overall I’m wondering if there’s CSS that allows you to make custom changes to the tablet banner and different custom changes to the mobile phone banner. 


Link to comment

Add to Home > Design > Custom CSS

@media screen and (min-width:768px) and (max-width:991px) {
/* logo */
.header-mobile-logo img {
    max-height: 100px !important;
/* banner text */
div#page-section-5ea5f08387c5532a42dbae93 .span-8 {
    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


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.