Drop down menu as images instead of text 
Author: Michael H.
Visited 1044,
Followers 1,
Shared 0
I am editing a site and the one dropdown menu has images instead of text. After uploading the site, the text is displaying infront of the images (see screenshot attached)
How do I make the text transparent for only one drop down so it does not cover the image?
Posted on the
Hello.Please give a link to the site page where you can observe this situation.Send screenshots of menu settings.
The context menu has options for "moving layers", but I'm not sure they will help you.
Author
http://192.168.3.121:8080/home.html
Author
Let me know if you need any other screenshots.
Michael, if you only have one level menu it is easy to make the text transparent, but with multiple level menus it is all drop downs or none. You could create a graphic for each page in every level menu?
Author
"You could create a graphic for each page in every level menu?"
Can you elaborate on this.
Michael, I have not seen your website (it is not possible for us to open your local copy as in the link provided, if you want us to see your site you will need to upload it to the web) but I have assumed services is also a level menu (just like products). If you choose to make the level menu transparent you could create a graphic for each page as you have with the products.
(I am very lazy, I would make the menu visible by choosing a text colour, select a suitable font if necessary, hover over the level so the menu appears and take a screen shot. Then using a suitable package crop out each page name for each service and save each as jpg. These can become the background images)
... to get an EXTRA solution, you need to post the actual LINK ...
... or, if you know how to do it yourself, you can take a cue from here:
https://helpcenter.websitex5.com/en/post/220016
ciao
.
Author
http://www.anytech.co.za/
... OK ... paste the code in this location:
>> Step 1 - Settings > The 'Advanced' section > Statistics and Code > Options in the Code section | ▪Custom Code: > 3^ (third) option > Before closing the HEAD tag
... code:
<style> #imHeader_imMenuObject_14 .label-inner-wrapper:nth-child(2) a {opacity:0} </style>
............................
... see also here: https://helpcenter.websitex5.com/en/post/242254
.
ciao
.
Author
I figured out a solution, thanks for all your help.