Navigation Dropdowns are Displaying in the Background of Content

Wappler General
1

Let me start by saying that I have used the SPA method as well as an include method to solve this issue. Both provide me with the same bad results.

The issue presents at the md viewport. I am using the class: navbar-expand-md meaning that at any viewport =< md the collapsed menu goes into effect. At viewport lg and up everything appears normal. Attached is my illustration.

Viewports >= lg

Screen Shot 2020-10-05 at 2.00.48 PM
Screen Shot 2020-10-05 at 2.00.48 PM2054×2260 268 KB

Viewports <=md

Screen Shot 2020-10-05 at 2.01.29 PM
Screen Shot 2020-10-05 at 2.01.29 PM1464×2248 210 KB

Here is the code:

Screen Shot 2020-10-05 at 2.15.24 PM
Screen Shot 2020-10-05 at 2.15.24 PM2336×2254 819 KB

This script is currently being used as an include. Any suggestions on how to show dropdowns on top of the text, instead of behind, would be appreciated. Thank you in advance.

2

Can you please provide a link to your page, where we can inspect your page? It’s not really clear from the screenshots what is your page structure and styling applied.