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.

Menu Background Image

Open 10 replies premiumthemetheme-vantage
Steven Olsewski
Started · Latest reply by Andrew Misplon

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.

Need fast email support? Get SiteOrigin Premium

Replies

10
  1. Andrew Misplon Staff

    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. 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. Andrew Misplon Staff

    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. 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. Andrew Misplon Staff

    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. 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. Steven Olsewski

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

    heres a picture of what im trying to do

  8. Steven Olsewski

    any help please

  9. Andrew Misplon Staff

    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.

Have a different question or issue?

Start New Thread