# Transparent Website Header? **URL:** \ **Category:** Blog, Website & Page Publishing\ **Created:** [August 20, 2018, 5:04pm UTC](https://community.hubspot.com/t/transparent-website-header/9902 "2018-08-20T17:04:28Z")\ **Posts on this page:** 4\ **Page:** 1
**Author:** ![jcb-unna](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jcb-unna/32/2679_2.png) [@jcb-unna](https://community.hubspot.com/u/jcb-unna)\ **Post date:** [August 20, 2018, 5:04pm UTC](https://community.hubspot.com/t/transparent-website-header/9902/1 "2018-08-20T17:04:28Z")
Hubspotter’s, we’re new to Hubspot (at least new to attempting to standing up a website in Hubspot), and the Hubspot team did a migration of our current website however that needs a series overall (the old website). Question 1 is simply, how do i make a transparetn header like the image attached (my website mockup). I"m assuming their’s a setting, a CSS / HUBL script or object? ![Screenshot 2018-08-20 10.03.00.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/2X/3/31a4254824e09d8fa6676dd7abc646382f5b8d4b.jpeg) transparent header mockup thanks in advance. -Jason ---
**Author:** ![MFrankJohnson](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mfrankjohnson/32/22490_2.png) [@MFrankJohnson](https://community.hubspot.com/u/MFrankJohnson)\ **Post date:** [August 20, 2018, 6:04pm UTC](https://community.hubspot.com/t/transparent-website-header/9902/2 "2018-08-20T18:04:31Z")
\*\* ![_hubspot-button-accept-as-solution-gif-v00.gif](https://d2qpr2jzcazej7.cloudfront.net/original/3X/2/8/280f73986e0517a27aa4068d06718dbcda1a42a2.gif) \*\* **Help other HubSpot searchers find this post quickly by accepting this solution today.** **Q** : Simply, how do i make a transparetn header like the image attached (my website mockup)? **Short A** : Simply, don’t set a background color for your header. Typically, no background color = transparent! **Longer A** : That being said, it’s often not quite that simple because once you remove the background color elements contained in the header that aren’t transparent will show their surrounding backgrounds - e.g., the logo. Also, you’ll want to consider header treatment for mobile devices. Preferably ‘mobile-first’. That’s the gist of it. If you need/want more detailed answers you may want to share a link to your site and ask over in the [design forum](https://community.hubspot.com/t5/Content-Design-Questions/bd-p/designers_support). Always happy to help you build on HubSpot. Best, Frank #nlmtt #nlmtu #hsspp * * * * * * ![hubspot-solutions-signature-mfrankjohnson-v03.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/7/2/72932fb841989f2b32ea0f23364863c18e73a7ee.png) * * * [www.MFrankJohnson.com](https://www.mfrankjohnson.com/?utm_source=hs-forum) ---
**Author:** ![jcb-unna](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jcb-unna/32/2679_2.png) [@jcb-unna](https://community.hubspot.com/u/jcb-unna)\ **Post date:** [August 21, 2018, 3:37pm UTC](https://community.hubspot.com/t/transparent-website-header/9902/3 "2018-08-21T15:37:15Z")
Thanks, @MFrankJohnson for the response. FYI here’s my quick reply followed by ask/comment: - clarity: I took advantage of Hubspots migraion service. However, i’m not a coder or familiar with CSS/js and limited HTML (search stackoverflow, copy, paste). I cannot figure out how to modify the CSS/js in my header/menu that was provided by the migraion team - images in transparent header: covered, all images are vector with transparent backgrounds. - header treatment: I’m not a coder, i’m the biz side of things, but will look up these tweaks/css/js - sharing link: i’ll pop over to design community however my website is concept / mockups only at this stage. I’m transitioning my current [website](http://unna.io) from our own Wordpress and switching to Hubspot (DNS move only, i’m redoing new website from scratch). I have all graphics, a sitemap, copy, mockup, etc. My only ask is… in the Hubspot design studio, how do i place a transparent header/menu over the banner… or is that just automatic? I’ll post the same in the design forum. cheers, -J ---
**Author:** ![MFrankJohnson](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mfrankjohnson/32/22490_2.png) [@MFrankJohnson](https://community.hubspot.com/u/MFrankJohnson)\ **Post date:** [August 21, 2018, 4:46pm UTC](https://community.hubspot.com/t/transparent-website-header/9902/4 "2018-08-21T16:46:21Z")
@jcb-unna, you got it right. Generally speaking, everything is transparent unless/until you assign a background color (or color in some cases). This includes menus. \>\> My only ask is… in the Hubspot design studio, how do i place a transparent header/menu over the banner… or is that just automatic? So original answer stands … **Short A** : Simply, don’t set a background color for your header. Typically, no background color = transparent!