Hi. I have two menus: Main Menu and Top Menu. I have selected different locations for each but they are showing the same. I have tried in Appearance > Menus and Appearance > Customize. Website is hd-report.com. Can you offer any advice? Thank you.
-
This topic was modified 5 years by
chabotjeff.
Hi,
That is a cloud header template, please edit it with the composer and set the menus there
https://forum.tagdiv.com/header-styles/
After opening the cloud header in the composer, click on each of the menu elements in it, and set the desired menus for them https://prnt.sc/uea3v2
Thank you!
Thank you. The location seems to be fixed. But, can you help with getting the top menu to go over the menu below it? I tried using z-index but the dropdowns from top menu still conflict with lower menu. https://prnt.sc/uellqh
Hi,
What you can do is to use tagDiv Composer and set for the main menu a z-index -> https://i.imgur.com/WaxeeqX.jpg or you can use this custom css -> https://i.imgur.com/6pVJ1Nk.png
.tdb_header_menu {
z-index: 998!important;
}
Hope this will help you!
Thank you the first option worked!
Interesting, I tried the custom css in Theme Panel > Custom Code https://prnt.sc/uf1huw but it only fixed the Safari web browser and not Chrome (I did not try Edge or Firefox).
Hi,
I just check this on my desktop on:
chrome -> https://i.imgur.com/LRMV15E.jpg
opera -> https://i.imgur.com/r1gYr4H.jpg
Firefox -> https://i.imgur.com/X4eNjY1.jpg
Edge -> https://i.imgur.com/zUbVZRs.jpg
For me seems to work for all browsers.
Thank you!