# Global Header CSS Help

**URL:** <https://community.hubspot.com/t/global-header-css-help/36139>\
**Category:** CMS Development\
**Created:** [April 26, 2021, 1:46pm UTC](https://community.hubspot.com/t/global-header-css-help/36139 "2021-04-26T13:46:34Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![IMcGriff](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/imcgriff/32/32521_2.png) [@IMcGriff](https://community.hubspot.com/u/IMcGriff)\
**Post date:** [April 26, 2021, 1:46pm UTC](https://community.hubspot.com/t/global-header-css-help/36139/1 "2021-04-26T13:46:34Z")

</div>

Looking to place two images/logos on the same line in the global header.

Not sure how to effectively edit this to have both shows.

The below is what I have this far. It’s, obviously, not the correct end product.

Any help is welcome.

\<!--  
templateType: global\_partial  
label: Page Header  
--\>  
\<header class=“custom-header lp”\>  
\<div class=“header-group”\>  
\<div class=“header\_\_container”\>  
\<div class=“header\_\_logo”\>  
\<div class=“logo-inner”\>  
\<span class=“image-frame”\>  
{% module “header\_logo” path=“@hubspot/logo”, label=“Header Logo”, link=“[https://actstageenv.wpengine.com/“,img={src=”](https://actstageenv.wpengine.com/%22,img=%7Bsrc=%22){{ get\_asset\_url(‘../../images/Untitled-design-17-1.png’) }}”, width= 1000, override\_inherited\_src=true, alt= {{ “act research logo” }}} %}  
\</span\>  
\</div\>  
\</div\>  
\<div class=“header-group”\>  
\<div class=“header\_\_container”\>  
\<div class=“image-frame”\>  
\<span class=“image-frame”\>  
{% module “image-frame” path=“@hubspot/logo”, label=“Header Logo”, link=“[https://f.hubspotusercontent30.net/hubfs/5479836/Logo%20and%20Branding-07.png/“,img={src=”](https://f.hubspotusercontent30.net/hubfs/5479836/Logo%20and%20Branding-07.png/%22,img=%7Bsrc=%22){{ get\_asset\_url(‘../../images/Untitled-design-17-1.png’) }}”, width= 1000, override\_inherited\_src=true, alt= {{ “act research logo” }}} %}  
\</div\>  
\</div\>  
\</div\>  
\</div\>  
\</div\>  
\</header\>

---

<div class="post-metadata">

**Author:** ![dennisedson](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/dennisedson/32/28044_2.png) [@dennisedson](https://community.hubspot.com/u/dennisedson)\
**Post date:** [April 26, 2021, 7:40pm UTC](https://community.hubspot.com/t/global-header-css-help/36139/2 "2021-04-26T19:40:18Z")

</div>

Hello @IMcGriff

Do you have any more details that you could show us? Maybe a mock of what you are going for? Also, if you have a link to a demo page that has the on it, that would also be helpful.

@stefen , @jonchim might be able to help 😀

---

<div class="post-metadata">

**Author:** ![stefen](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stefen/32/29274_2.png) [@stefen](https://community.hubspot.com/u/stefen)\
**Post date:** [April 26, 2021, 7:47pm UTC](https://community.hubspot.com/t/global-header-css-help/36139/3 "2021-04-26T19:47:26Z")

</div>

@IMcGriff one way to do it is to use flexbox on the parent div so something like this:

`.custom-header { display: flex; align-items: center; }`

---

<div class="post-metadata">

**Author:** ![jonchim](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jonchim/32/88818_2.png) [@jonchim](https://community.hubspot.com/u/jonchim)\
**Post date:** [April 26, 2021, 8:43pm UTC](https://community.hubspot.com/t/global-header-css-help/36139/4 "2021-04-26T20:43:23Z")

</div>

@stefen too quick!