Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #168521

    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;}

    #168724

    Hi fonterra!

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

    Cheers!
    Yigit

    #169074
    This reply has been marked as private.
    #169190

    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

    #170231

    Thanks so much that worked perfectly.

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘menu background image’ is closed to new replies.