How to customize website header with magic theme

384 views

Published on

Published in: Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
384
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

How to customize website header with magic theme

  1. 1. Responsive and Multiple WordPress Theme with Quality DesignHow to Customize Website Header with Magic Theme?What your business is, web presence is a great way to help your business grow. And purchasing aWordPress theme template is an easy way to make your business online possible. Of all theWordPress theme templates, its a daunting for you to select one that suits you best. If youd liketo create a WordPress website for business, corporate or portfolio, its highly suggested to have atry of Magic Theme.Whats Magic Theme?Magic Theme is a responsive and highly customizable WordPress theme template for corporate,business, portfolio, etc. Build with HTML5+CSS3, this template comes with hundreds of themeoptions to help you create a website exactly the way you want.Features of Magic WordPress Theme include translation ready, drop-down page builder, premiumrevolution slider, 600+ Google fonts, 16 pre-defined background patterns, custom backgroundimages or colors, unlimited colors, boxed and wide theme layout, custom portfolios and galleries,and more.Whats a Website header?The website header is the top rectangular shaped area that runs across the top of the web pageon your screen. It brings the overall look and structure of your website together, and usuallycomes with a logo, maybe a sales message, sometimes ancillary navigation (shopping cart link,etc) and sometimes a login pod. By viewing your website header, your visitors should instantlyknow where they arrive at, even if they are not already familiar with your company.How to customize a website header?Here youll learn how to set up a header consisting of navigation menu, logo, favicon, custom CSS.Step 1. Add Website Logo  1. Go to Dashboard -> MageeTheme -> Header, and then scroll down to the Logo section.  2. Click the Update button or enter URL of an image to add your website logo.  3. Click Save Changes button.Step 2. Add Favicon http://www.magictheme.com/
  2. 2. Responsive and Multiple WordPress Theme with Quality Design  1. Go to Dashboard -> MageeTheme -> Header, and then scroll down to the Favicon section.  2. Click the Update button or enter URL of an ico image to add your website favicon. (16p x 16 pixels)  3. Click Save Changes button. You will see the favicon to the left of the address bar or inside a tab.Step 3. Style Navigation Menu  Go to Dashboard -> MageeTheme -> Header, next scroll down to the Navigation section, and then you can:  * Select one of the three styles for the menus.  * Specify header background color.  * Specify main menu and submenu typography.  * Specify the navigation hover color.  * Adjust submenu width. http://www.magictheme.com/
  3. 3. Responsive and Multiple WordPress Theme with Quality DesignStep 4. Add Header Code  1. Go to Dashboard -> MageeTheme -> Header, and then scroll down to the Header code section.  2. Enter any custom code youd like to add in the header code box if needed .Useful if you need to add additional scripts such as CSS or JS.  3. Click Save Changes button. Visit Site http://www.magictheme.com/

×