This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Change the upper bar

10 years ago · Last reply by Support Assistants 10 years ago

I have several questions in 1.

1) How to get rid of the top grey bar on site and still have the logo in the upper left corner? I want the logo to appear where the background image is, but want to get rid of the top header all together. Is that doable? I want the logo to for sure be somewhere at the top still though, please help.

2) If i remove the grey bar, I need the social icons to appear at the bottom left corner in the grey footer bar. How do I do that?

3) Finally, can I change the font to something more cursive in the main menu and subcategories?

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Support Assistants 10 years, 1 month ago

    Hi Zaaya945

    Thanks for your questions.

    1. Add the following to Appearance > Custom CSS;

    /* Header */
    #masthead {
        background-color: transparent !important;
    }

    2. Can you perhaps try 1 and see where we stand.

    3. You can gain full control over the menu font by adding the following to Appearance > Custom CSS and changing as required:

    /* Menu Font Family and Size */
    .main-navigation {
    	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    	font-size: 12px;
    	font-style: italic;
    	font-weight: bold;
    }
  2. Zaaya945 10 years, 1 month ago

    This is perfect, thank you for the help!
    A few other follow ups:

    1. Now that I don’t have a grey bar, there is a ton of space above and below the logo and the social media icons – how do I get rid of that so the top menu of the actual site is higher up on the homepage?

    2. How do i change the copyright 2014 to 2016 at the very bottom of the page?

    Thank you so much and happy new year!

  3. Support Assistants 10 years, 1 month ago

    Sure.

    1. You can adjust header padding from AppearanceCustomizeTheme DesignGeneralHeader Padding.

    2. Go to AppearanceTheme SettingsGeneralSite Information Text. Replace 2014 with {copyright}

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.

Have a different question or issue?

Start New Thread