Archived topic
background picture in menu
4 replies · Started by Matt on March 17, 2016
Viewing posts 1–5 of 5
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')
}.
basically I want the title to be centered in the background image, not cut the image short if the title is short
thanks matt
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;
}Thanks
Super cool Theme and suport
You're welcome :)
This archived topic is closed to new replies.