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

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


    Hi fonterra!

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


    This reply has been marked as private.


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

    #header {
    background-color: transparent;
    background: url( no-repeat bottom center;



    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.