• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.5 image on navigation ?

Senpai

Formerly RamzanHD
#1
hey guys can someone tell me what the hell is going on i am trying to put this iamge

top of navigation but first i was testing it out with inspect element and this is what happens.
when im trying to put just one image it shows as 3

 

BobbyWibowo

Well-known member
#4
Refer to the links I attached in my previous reply. For example, using:
Code:
background-repeat: no-repeat;
will prevent the background image from repeating, both horizontally and vertically. But you'll probably see some white area because the image won't fill the entire height of the navigation.

There's a nice article about achieving a way to make your background image "fill" at css-tricks: https://css-tricks.com/perfect-full-page-background-image/ - should be applicable to other elements, including the navigation bar, despite of the fact that the article talked more about background image for a whole page.

Or you can just set the size of the background to fit the navigation bar's height. Whichever you prefer.