Menu Style "Creative: Always Open" with Background-Image posible?

Hello, I would like to use a background-image in my menu. Actually I'm using the navigation style "Creative: Always Open" (left). I tried it with upload of the image in the section "Theme Options -> Header -> Image", but the Image is just shown for the Title... Is there a option the "Theme Options" to put an background-image in my side navigation or have I do this with an extra CSS-Code? Regards

Comments

  • Hey,

    we do not have option to set background image for menu but if you send us link to your site, we will see if it's possible to do this with custom css.
  • Would be great! Here it is: http://orbell.mrsg-web.com/

    Thanks in advance!
  • I also was searching for the option to make the menu a bit wider because actually my menupoints doesn't fit into it. It should be like 310px, but I couldn't find any option like that. It is not possible? Regards
  • Ok. So to set background image for whole Creative header, you need to use the following css:
    #Header_creative { background-image: url('path-to-image') !important; }
    But about menu creative header width, we are sorry but it is not possible to change it's size unfortunately.
  • Hi, thanks for the code. It works but not for the hole menu. I would like to have the image in the hole background. As you can see actually there is still a background-color behind the menupoints. I just tried to work with 'background-color: transparent' and also with some code like that 'background-color: rgba(255, 0, 0, 0.4);'. To change the color works, but the transparency doesn't. What can I do?
  • You forgot to set transparency for top bar with menu under Theme options > Global > General section.
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.