[Resolved] background picture in menu

Home Forums Support [Resolved] background picture in menu

Home Forums Support background picture in menu

  • This topic has 4 replies, 2 voices, and was last updated 8 years ago by Tom.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #179866
    Matt

    Hi
    I would like to know if it is possible to make each tab in the menu have a full width picture in them.
    I have got the picture there, but unless the page title is longer it dose not show the whole picture.
    Hope you understand what I mean.
    Here is what I have so far
    .main-nav ul li a{font-weight:bold; padding:5px;
    background: url(‘image here’)
    }.

    #179886
    Matt

    basically I want the title to be centered in the background image, not cut the image short if the title is short
    thanks matt

    #179926
    Tom
    Lead Developer
    Lead Developer

    Hmm, I suppose you could set the width of your menu items to the width of the image, but I can’t promise it will be mobile responsive:

    .main-navigation .main-nav > ul > li > a {
        width: 100px;
    }
    #179975
    Matt

    Thanks
    Super cool Theme and suport

    #180020
    Tom
    Lead Developer
    Lead Developer

    You’re welcome 🙂

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.