Home>Support>Changing Header

Changing Header

By smartisland, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

I recently signed up for Vantage Premium. I am trying to change the header. But I do not see the “header padding at Appearance > Customize > General: Header Padding” option at all. Also, I would like to change the menu buttons (Home, About, etc). How can I do that please?.

URL: http://www.smartisland.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi smartisland

    Thanks for running Vantage.

    Head to Appearance > Menus to create your own menu and assign it to the primary menu position.

    Ensure that your upgrade has gone through to enable the premium Customizer options. The screenshot under Appearance > Themes should say Vantage Premium. After upgrading you should have received an order number from SiteOrigin, to upgrade, click the Already Paid? button at Appearance > Vantage Premium (top right) and enter your number there.

  2. 9 years, 8 months ago smartisland

    Thank you Andrew for the quick reply. I followed your suggestions and I’ve had some success. I would like to customise the header, including changing the font size for the second layer of the text (Converge and Conquer! as you will see in my site). Also, the menu box does not look very professional now. I would like to keep it small and be able to change the background colour as well. Your help will be appreciated please

  3. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    For sure.

    Insert the following under Appearance > Custom CSS to change the Headline widget in your header:

    /* Vantage Headline Widget */

.widget_headline-widget h1 {
font-size: 26px;
}

.widget_headline-widget h3 {
font-size: 14px;
}

    Edit as required.

    The menu background color can be set at Appearance > Customize > Menu.

    Try the following under Appearance > Custom CSS:

    /* Menu Padding Horizontal */

.main-navigation ul li a {
padding-right: 25px !important;
padding-left: 25px !important;
}

    Try reducing those numbers until your menu items fit on one row or consider reducing the amount of menu items.

  4. 9 years, 8 months ago smartisland

    Thank you very much. That works great.
    If I want to add another image in the header and some text just below the logo how can I do that please?

  5. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    For sure.

    It’s unfortuantely not possible to add text below the logo at the moment. The easiest way to add an image into the header is to add a Visual Editor widget into the header widget area at Appearance > Widgets > Header. The Visual Editor widget has an Add Media button.

    To get access to the Visual Editor widget, ensure the following plugin is installed:

    http://wordpress.org/plugins/black-studio-tinymce-widget/

  6. 9 years, 8 months ago smartisland

    Thanks again, Andrew, for the quick help.

  7. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    For sure :)

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More