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
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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