# Global Header Logo Alignment **URL:** \ **Category:** Blog, Website & Page Publishing\ **Tags:** developer, website-pages, starter\ **Created:** [December 19, 2023, 11:09pm UTC](https://community.hubspot.com/t/global-header-logo-alignment/96469 "2023-12-19T23:09:15Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![jeff\_halcyon](https://avatars.discourse-cdn.com/v4/letter/j/8baadc/32.png) [@jeff\_halcyon](https://community.hubspot.com/u/jeff_halcyon)\ **Post date:** [December 19, 2023, 11:09pm UTC](https://community.hubspot.com/t/global-header-logo-alignment/96469/1 "2023-12-19T23:09:15Z")
We’re in the process of building out our company webpage and we’re using the Growth theme. Right now we’ve got a logo (aligned “logo left”) in our global header, and I’d like to align the left edge of the logo with the left edge of the text column in our Main Section (currently using the Hero banner module), but the logo is aligned too far towards the center of the screen. Once we align the left edge of the logo with the left edge of the text in the Hero banner module, I’d also like to lock it in place so that if we resize the window, the logo maintains its position. I’ve created a child theme (we’re still using the parent growth theme), but have no clue what CSS to add. Help! ---
**Author:** ![GRajput](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/grajput/32/102020_2.png) [@GRajput](https://community.hubspot.com/u/GRajput)\ **Post date:** [December 20, 2023, 9:21am UTC](https://community.hubspot.com/t/global-header-logo-alignment/96469/2 "2023-12-20T09:21:39Z")
Hi [@jeff\_halcyon](https://community.hubspot.com/t5/user/viewprofilepage/user-id/681436) If you could share the page link or screen shots of your issue, so that we can get a better understanding of your issue. Thanks! ---
**Author:** ![jeff\_halcyon](https://avatars.discourse-cdn.com/v4/letter/j/8baadc/32.png) [@jeff\_halcyon](https://community.hubspot.com/u/jeff_halcyon)\ **Post date:** [December 20, 2023, 4:53pm UTC](https://community.hubspot.com/t/global-header-logo-alignment/96469/3 "2023-12-20T16:53:24Z")
Thank you @GRajput - the website is live at [https://halcyon.eco](https://halcyon.eco) right now. Here’s a screenshot of the alignment issue: [https://www.awesomescreenshot.com/image/44992357](https://www.awesomescreenshot.com/image/44992357?key=781aa07893a2022e0ca23b1f75667361) If you try re-sizing your window, you’ll see that the logo shifts across the header from right-to-left - once it’s aligned, I’d like to lock it in place so that it remains aligned with the column in the hero banner below. Appreciate your help! ---
**Author:** ![GRajput](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/grajput/32/102020_2.png) [@GRajput](https://community.hubspot.com/u/GRajput)\ **Post date:** [December 21, 2023, 8:53am UTC](https://community.hubspot.com/t/global-header-logo-alignment/96469/4 "2023-12-21T08:53:34Z")
Hi [@jeff\_halcyon](https://community.hubspot.com/t5/user/viewprofilepage/user-id/681436) After looking at your page I found that your header container has max-width property and your text section does not, so for bigger screen sizes your text section’s width increases but your header stops at 1200px. To fix this you can either remove the max-width from your header container or you can give max width to all your section. I would suggest the second option as it is best practice. Also when you need to add same amount of right & left padding to your header section as per your text section , currently it is 50px. Screenshot:- [Screenshot by Lightshot](https://prnt.sc/YBeCdB0go2PZ) Hope this will helps you out. Please mark it as **Solution Accepted & Upvote** to help other Community member. Thanks! ---
**Author:** ![jeff\_halcyon](https://avatars.discourse-cdn.com/v4/letter/j/8baadc/32.png) [@jeff\_halcyon](https://community.hubspot.com/u/jeff_halcyon)\ **Post date:** [December 21, 2023, 8:08pm UTC](https://community.hubspot.com/t/global-header-logo-alignment/96469/5 "2023-12-21T20:08:33Z")
Gaurav - really appreciate your help here. I’ve confirmed that the text section is full width ([Awesome Screenshot](https://www.awesomescreenshot.com/image/45018031?key=c2550ef94fc1ee673f62b36bca9c758c)) - this defaults to 20px padding on the left and right. I’ve re-confirmed that the global header is set to full width, and I’ve mirrored the 20x left padding ([Awesome Screenshot](https://www.awesomescreenshot.com/image/45018104?key=8ee8bc8716dcf5c6c0cb9c0d57f9b681)) - however, when I update the page, the logo is still not properly aligned ([Awesome Screenshot](https://www.awesomescreenshot.com/image/45018159?key=c3b2d20e4e19d240bd40c7fc36c0dc5b)) - is there something I am still missing?