Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
meagen1570048764

Tremont logo and social icons not centered on larger screens

Question

I'm using the Tremont template and have managed to get the logo and social icons centered with some CSS however, if you view the site on a larger monitor (24"+) the logo and social icons are no longer centered. Any ideas how to make it consistent over multiple screen sizes?

View the site demo here - https://rumemockup.squarespace.com/home PASSWORD: RUME

Thank you!

Edited by meagen
Initial Revision

Share this post


Link to post

7 answers to this question

Recommended Posts

  • 0

@meagen try removing these code


.site-branding h1 img {
   position: absolute;
   left: 36%
}

@media screen and (max-width: 640px) {
   .site-branding h1 img {
       position:absolute;
       left: 23%;
       margin-top: 50px
   }
}

.tweak-nav-style-standard.tweak-display-social-icons.tweak-social-icons-on-right:not(.move-social) .header-social-icons-right {
   position: absolute;
   left: 29%;
   margin-top: -80px !important
}

@media screen and (max-width: 640px) {
   .tweak-nav-style-standard.tweak-display-social-icons.tweak-social-icons-on-right:not(.move-social) .header-social-icons-right {
       position:absolute;
       left: 17% !important;
       margin-top: -20px !important
   }
}

@media screen and (max-width: 1920px) {
   .header-social-icons-with-nav .sqs-template-social-icons,.header-social-icons-right .sqs-template-social-icons {
       margin-left:-100px
   }
}

and add this code to Home > Design > Custom CSS


/* Move social icon top, logo bottom */
header#siteHeader {
   display: flex;
   flex-direction: column-reverse;
}
/* Center Social Icons */
.header-social-icons-right {
   margin-left: unset !important;
}


Share this post


Link to post
  • 0

@meagen edit last code to


.header-social-icons-right {
   margin-left: unset !important;
   visibility: visible !important;
   right: unset !important;
}


Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...