Why are Dropdown Menu Items Being Blocked By The Hero/header Section - Question | JoomShaper
Back to the questions

Why are Dropdown Menu Items Being Blocked By The Hero/header Section

DS

Duck & Shark

Helix Framework 1 year ago

When viewing the site as any user type, the header/Hero section is blocking all child menu items whenever a Main menu dropdwon shown.

We need to see the dropdown shown above/in front of the header. This seems to involve both Helix and SP Page builder.

Please let us know where we may have went wrong or what is causing this.

Please see example here. https://www.awesomescreenshot.com/video/8950029?key=0c17b41113542e4a82f625b84cff0fac

1
Website
http:thepreferredstyle.com
1 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 year ago #69139

Hi there!

Sorry for your issue.

Would you please check if you set the hero section z-index value there?

Or you may use the following code in your custom CSS:

#sp-page-builder .page-content .sppb-section:first-child {
    z-index: 1 !important;
}

Hope this will solve the issue for you!

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

0