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

Designing your website’s header.


Recommended Posts

Designing your site header is an important step as it plays such a big role in how visitors navigate and interact with your content. It looks the same throughout your site and typically includes your navigation and title or logo display. It can also include social or shopping cart icons, or even a call-to-action button! 

With style options like Gradient, the ability to use a custom color for the background, adding borders and drop shadows, you can create a unique design that fits your brand and makes your website stand out. You can read more about styling options in our Building a site header guide.

How did you choose your header’s design? Have you played around with the new options? Share the results and your experiences in the comments below!

 

Link to comment
6 hours ago, Sabine said:

Hi, I would like to try those new options. Unfortunately I am in version 7.0. Is there a way to upgrade to version 7.1 without changing all the design settings?

No there is not, no built in migration path from a 7.0 template to 7.1 which is actually only 1 template with different named design starting points. However it may be possible to style your header using custom css if your template does not have a built in style tweak for the effect you want to have, such as a gradient header. 

Edited by derricksrandomviews
Link to comment
  • 3 weeks later...

Hi, I am having issues with editing my website header. It allows me to edit it with no error messages but when I click save it reverts back to the same header layout. Does anyone else have this issue or know a solution? 

Link to comment
  • 3 months later...

The new art backgrounds on 7.1 inspired me to throw some pops of color to my website. Trying out all the new header options, the gradient made the most sense. 

It's now off-white gradient with a lot of blur, and extra drop shadow; using the built-in drop shadow along with a ghost plugins header drop shadow combined. I really like the look, and it fits well with any color theme I throw on the page!

 

https://www.pocketwriter.biz/ 

Link to comment
  • 4 weeks later...
On 4/28/2022 at 12:45 AM, RyanCaldarone said:

The new art backgrounds on 7.1 inspired me to throw some pops of color to my website. Trying out all the new header options, the gradient made the most sense. 

It's now off-white gradient with a lot of blur, and extra drop shadow; using the built-in drop shadow along with a ghost plugins header drop shadow combined. I really like the look, and it fits well with any color theme I throw on the page!

 

https://www.pocketwriter.biz/ 

Good afternoon, since I started studying design a long time ago, I ran into a lot of questions along the way and choosing the right color scheme for me was most often one of the most difficult. I see your work is done very well, I really like it, I can only tell you to try to take different color schemes on https://create.vista.com/colors/palettes/vintage-color-palette/ and try to do it with their help, I think it should turn out super, there is a huge choice, you will definitely find the right option for yourself.

Link to comment
13 minutes ago, Artimithe said:

Good afternoon, since I started studying design a long time ago, I ran into a lot of questions along the way and choosing the right color scheme for me was most often one of the most difficult. I see your work is done very well, I really like it, I can only tell you to try to take different color schemes on https://create.vista.com/colors/palettes/vintage-color-palette/ and try to do it with their help, I think it should turn out super, there is a huge choice, you will definitely find the right option for yourself.

Thanks for the link! I LOVE resources like that. There’s a couple of Instagram accounts I follow that pair color patterns that are most often used for different mediums and styles.

I’m colorblind, so color pairings don’t always look the same to me as they do others. So I typically rely 100% on technical resources like those.

In my latest redesign, I’ve gotten most of all the elements to play nicely over any color combos so I can switch often to try things out :-)

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...