Home>Support>header menu and footer

header menu and footer

By P P, 7 years ago. Last reply by Andrew Misplon, 7 years ago.


I would like to ask your help regarding changing main header menu and footer background:

I would like to use a background picture for the whole site and I would like to see this picture also behind main menu and behind footer (black background with some opacity, transparency)

Can you please help me how to fix this issue.

Your help is highly appreciated.


URL: http://www.nemfajfejem.hu

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

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

    Hi P P

    Thanks for the wait.

    This takes quite a bit. You can try the following and see how you go from there:

    /* Body */
    body {
    background-image: url(http://www.nemfajfejem.hu/wp-content/uploads/2015/03/fooldal.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    /* Header */
    header#masthead {
    margin-bottom: 50px;
    /* Main Content */
    #main-slider { background: none; }
    #main { background: none; }
    /* Menu */
    nav:first-of-type { display: none; }
    .main-navigation.sticky[style] { width: 100% !important; }
    .main-navigation {
    background: rgba(52,53,56,0.8);
    /* Footer */
    #colophon {
    background: rgba(52,53,56,0.8);
  2. 7 years, 8 months ago P P

    Hi Andrew,

    That’s GREAT! Exactly what I wanted!

    Your help is highly appreciated!


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

    Awesome, really glad to hear that did the trick.

    All the best.

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