Jump to content

Position logo after resizing

Recommended Posts

Site URL: https://www.swalsh.art/

I used this code to enlarge my logo: 

.header-title-logo img {
   max-height: 400px;
 max-width: 800px;
}

But this is causing it to no longer be centered. I've tried using the position property to move the image, but this has either resulted in the image returning to the default size or the image being over the next section (over the background image) instead of in the header area. 

Thanks for any help!

Link to comment
  • Replies 3
  • Views 622
  • Created
  • Last Reply
  • 2 weeks later...
On 8/21/2020 at 10:42 AM, SwalshPDX said:

Site URL: https://www.swalsh.art/

I used this code to enlarge my logo: 

.header-title-logo img {
   max-height: 400px;
 max-width: 800px;
}

But this is causing it to no longer be centered. I've tried using the position property to move the image, but this has either resulted in the image returning to the default size or the image being over the next section (over the background image) instead of in the header area. 

Thanks for any help!

I am having this exact same issue. How to keep the logo centered once it's enlarged?

(Site: www.braveryonfire.com - I need the header logo to be the width of the screen- or as close to the screen width as possible -  and centered.)

Thank you!

Link to comment
1 hour ago, mpressmeredith said:

I am having this exact same issue. How to keep the logo centered once it's enlarged?

(Site: www.braveryonfire.com - I need the header logo to be the width of the screen- or as close to the screen width as possible -  and centered.)

Thank you!

Use above code & this code

.header-title-nav-wrapper {
    flex: 100% !important;
}
.header-display-desktop {
    flex-direction: column;
}

 

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

Archived

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.