WebSite X5Help Center

 
Michael H.
Michael H.
User

Drop down menu as images instead of text  en

Autor: Michael H.
Visited 794, Followers 1, Udostępniony 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
10 ODPOWIEDZI - 2 USEFUL
Aleksej H.
Aleksej H.
Moderator

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.

Czytaj więcej
Posted on the from Aleksej H.
Michael H.
Michael H.
User
Autor

Let me know if you need any other screenshots. 

Czytaj więcej
Posted on the from Michael H.
Esahc ..
Esahc ..
Moderator

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?

Czytaj więcej
Posted on the from Esahc ..
Michael H.
Michael H.
User
Autor

"You could create a graphic for each page in every level menu?"

Can you elaborate on this.

Czytaj więcej
Posted on the from Michael H.
Esahc ..
Esahc ..
Moderator

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)

Czytaj więcej
Posted on the from Esahc ..
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca PT

... 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/pl/post/242254

.

ciao

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Michael H.
Michael H.
User
Autor

I figured out a solution, thanks for all your help.

Czytaj więcej
Posted on the from Michael H.