Altitude Pro w/ Beaver Builder

[mudsak]

I'm building a site using Altitude Pro and the Beaver Builder plugin.

Altitude pro features a transparent menu (with background image set as the background). When scrolled the menu becomes static at the top of the page with a solid color background.

My first order of business was to get my content behind the transparent menu. I achieved this using the following CSS...
html .page .site-inner {
margin-top: 0;
}

The problem I'm facing now is that at screen widths of "1023px" or less (mobile/tablet), the altitude pro theme header changes position to from fixed to static. This causes a white space to appear above the header. Also the navigation menu doesn't remain fixed to the top of the screen on smaller devices (mobile/tablet). Everything looks/funcitons perfect on desktop browsers...I just need to fix this little issue with mobile/tablet.

Any help, assistance, insight or otherwise would be greatly appreciated.

http://hotelsuyo.com

[Susan]

As you posted this a while ago, I hope you were able to get your issue resolved.

If you ever don't get a response here in the forum, you might want to try posting in the Genesis Slack Group.

[Author]

Posts