Jump to content

How to make site logo stay centered on mobile/iPad?

Recommended Posts

Site URL: https://delawarerising.club/

When I open the site on different iPhone versions the logo isn't centered 😞

I'm assuming there's something wrong with the custom code I'm using?



//*mobile site logo sizing/position*//
@media only screen and (max-width: 640px) {
#header #logoWrapper #logoImage img,
 #header #siteTitleWrapper #logoImage img {
   max-height: 300px;
   margin: -90px;
#header #logoWrapper, 
#header #siteTitleWrapper { 
   position: relative; 
  max-height: auto;
  max-width: 30%;
   transform: translate(-50%,-80%); 

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.