Hi,
I have a simple TOP NAVIGATION MENU with Tabs.
After selecting the MENU-NODE (e.g. TAB1) I would like to display BLOCK -BOX below containing URL-LInks.
(see www.sportsdirect.com)
Whats is the best aproach?
I have tried to use:
(shared components):
TOP-NAVIGATION MENU ENTRY:
<div class="dropdown"> <span>Mouse over me</span> <div class="dropdown-content"> <p>Hello World!</p> </div> </div>
(Page 1):
CSS (for testing on Page Level - Inline CSS) :
.dropdown {
position: relative !important;
display: inline-block !important;
}
.dropdown-content {
/*display: inline-block !important;*/
display: None !important;
position: relative !important;
/* position: absolute !important;*/
background-color: #ff0000 !important;
min-width: 160px !important;
box-shadow: 1px 8px 16px 1px rgba(0,0,0,0.5) !important;
padding: 12px 16px !important;
z-index: 150 !important;
}
.dropdown:hover .dropdown-content {
display: block !important;
}
The BOX will be shown, but is overlapping with Region below.
Thank You for any ideas.
H