Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 1, 2013 at 2:51 am #168521
    fonterra

    Hi,
    I would like to give my menu a background, ideally an image of a ribbon which I have created.
    At the moment I have the following CSS code to centre my logo and menu. I would now like to give the menu a background, that stretches the entire width of my website which is 1030px. Are you able to help with this?

    #top #header_main .container {
    height: auto !important;}

    .fixed_header #main {
    padding-top: 180px;}

    #top .logo {
    float: none;
    position: relative;
    width: 220px;
    margin: 0 auto;}

    .main_menu {
    position: relative;
    float: none;
    width: 510px;
    margin: 0 auto;}

    October 1, 2013 at 12:37 pm #168724
    Yigit

    Hi fonterra!

    Can you post the link to your website and to your background image?

    Cheers!
    Yigit

    October 2, 2013 at 1:15 am #169074
    fonterra
    This reply has been marked as private.
    October 2, 2013 at 8:58 am #169190
    Ismael

    Hi!

    You can add this on your custom.css or Quick CSS:

    #header {
background-color: transparent;
background: url(https://westernstarbutter.staging.safecom.com.au/wp-content/uploads/christmas-ribbon-nav.png) no-repeat bottom center;
}

    Cheers!
    Ismael

    October 4, 2013 at 3:07 am #170231
    fonterra

    Thanks so much that worked perfectly.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘menu background image’ is closed to new replies.