Home>Support>Menu Background Image

Menu Background Image

By Steven Olsewski, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Is there a way to get the menu to have a background image? I can only get it to have a color. Also is there any way to change the size of the image when it gets put in the menu?

Thanks for the help!

URL: http://slickanddirtymotorsports.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, 10 months ago Andrew Misplon
    Hi, I Work Here

    Hi Steven

    Give the following a try under Appearance > Custom CSS:

    /* Vantage Menu Background Image */

.main-navigation {
background-image: url('smiley.gif');
background-size: cover;
background-repeat: no-repeat;
}

    smiley.gif should be replaced with your image. You can find the url in the media library by clicking on the image and copying the url in the right column.

    Let me know how that goes. We can tweak from there.

  2. 9 years, 10 months ago Steven Olsewski

    Thanks! Will give that a shot, also what about changing the size of the logo when you select to have it in the menu instead of the header.

    Thanks again

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

    For sure.

    Please try the following for that:

    /* Vantage Remove Logo in Menu img constraint */

header#masthead.masthead-logo-in-menu .logo > img {
max-height: none !important;
}
  4. 9 years, 10 months ago Steven Olsewski

    ok hopefully one last request, any way to get the menu to show at the bottom home, with the image bigger it is at the top of the menu location. Also is there any way to get the social media logos in the menu area?

    you can see it at the site:

    http://wwwslickanddirtymotorsports.com

    Hopefully that makes sense.

    Thanks

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

    For sure.

    Not quite following your first request there. You’d like the menu to display at the bottom of the page on the home page?

    Social media/widgets in the menu. Assuming you’re using the Logo in Menu layout then please see my reply from right now at the bottom of this thread: Thread: Customise the footer.

  6. 9 years, 10 months ago Steven Olsewski

    I still want the menu on the top of the home page like it is now, but with the menu area larger now because the bigger image it is showing towards the top of the menu area, Id like it down towards the bottom of the menu area

  7. 9 years, 10 months ago Steven Olsewski

    http://slickanddirtymotorsports.com/wp-content/uploads/2014/11/menu.jpg

    heres a picture of what im trying to do

  8. 9 years, 10 months ago Steven Olsewski

    any help please

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

    Looks like you’ve made progress here by adding a top margin to the menu items. Let us know if you need to make a further change here.

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