[ad_1]
Hi All – I was resistant to come here and share my ignorance, but I need to get our menu fixed.
The items below, circled in red, are intended to be *”children”* and are pushing our main content beneath the fold.
We are using an Astra theme in BeaverBuilder if that matters.
**Exhibit 1:**
https://preview.redd.it/2zblgvlidsjc1.png?width=526&format=png&auto=webp&s=5efd268c70fa2a569a766861cf011b92ff9ac5a0
​
Exhibit 2: Pic of the backend tool
​
https://preview.redd.it/ioakywe9fsjc1.png?width=421&format=png&auto=webp&s=f3f962e00f0a43e52b96245d858c4df9e21e3670
​
Any help would be greatly appreciated
​
[ad_2]
This looks like a CSS issue. I’m not familiar with the Astra theme, but do you have a child theme setup with custom CSS, or maybe have a module turned off within the theme that controls your main menu?
Try to deselect secondary menu i cant remember but i thint that can fix
You have to configure it on the header options /astra
> are pushing our main content beneath the fold
Webdesign rule #1 there is no fold in responsive Webdesign. Every screen is different and it’s likely the browser isn’t 100% fullscreen anyways.
I mean if they aren’t really needed at this place you could hide the children and call it a day.
Pick a parent ID / Selector and do this in your css:
PARENT_HERE .menu-item-has-children .sub-menu {
display: none;
}