How to add a background image to the header menu/navigation bar

[GODDOG]

Hi, I would like to use a textured background image to the x theme header/navbar instead of a solid color.

Please help:)

Thanks in advanced,
-R

[jade]

Hi R,

You can do it by adding some custom CSS to the X > Theme Options > CSS. Please try this code:

.x-navbar-inner {
    background: transparent url(URL_OF_THE_IMAGE) no-repeat;
    background-size: cover;
}

Please replace URL_OF_THE_IMAGE in the code above to the URL of the image.

Kindly check this link to read more about the CSS background property:

https://www.w3schools.com/cssref/css3_pr_background.asp

Hope this helps.