1. 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 ?

Discussion in 'Styling and Customization Questions' started by RamzanHD, Apr 1, 2016.

  1. RamzanHD

    RamzanHD Active Member

    hey guys can someone tell me what the hell is going on i am trying to put this iamge [​IMG]
    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

    [​IMG]
     
    Behnzz123 and gaminglife like this.
  2. BobbyWibowo

    BobbyWibowo Well-Known Member

  3. RamzanHD

    RamzanHD Active Member

    Behnzz123 likes this.
  4. BobbyWibowo

    BobbyWibowo Well-Known Member

    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.
     
    Behnzz123 and RamzanHD like this.

Share This Page