How can we help you today?

Draft

ShortPoint Theme Builder offers you a variety of features to experiment with. One of them is modifying the header of your website. With custom fonts, colors, margins and paddins, backgrounds and an option to hide or show certain elements, you can make your site header stand out and be convenient and beautiful at the same time.


In this article, we would like to tell you more about header customization, and we will take our Demos Website header as an example. Here it is:


To modify the look of the header, please, open the Theme Builder (Site Contents / Site Settings > ShortPoint > Site Customizations > Customize my Site).


Step 1

Click Header > General Layout. Enable Full width header, Header shadow and set the preferred depth of the shadow (we have chosen level 3).


image



Step 2

Return back to the main Theme Builder menu. Choose General Settings > Elements > All Sites (or choose the scope you prefer, for example, only Home Page)  and apply the following settings:



Step 3

Please return back to the main Theme Builder menu and choose Header > Paddings and margins. Set the following parameters:


image


Step 4

Please return to the main Theme Builder menu again and choose Menus > General Layout. Under Menu Alignment, please choose Center.


image


Step 5

Finally, please return back to Menus > Backgrounds and Colors and set up a menu hover color:


image


That's it! Don't forget to click Publish to save your changes.



Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 40 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more