Hide CTA-buttons only while viewing menu on mobile

First of all: love your theme!

I’m working on my personal website, especially the mobile version. This is my site.
Through this great community here, I already solved some of my issues using CSS. I still have some questions though, and this is the first one.
When on a small mobile screen, the call to action buttons interfere with the folded out menu. They go straight through the menu items, for instance on my iPhone SE. See this screenshot as an example.
I know the CTA-buttons are not supposed to show on mobile screens, but I really like them there :slight_smile: So I used CSS (found on this great community!) to make them appear.
Is there any way to hide the CTA-buttons while the dropdown-menu is folded out? Or keep them behind the menu items like my logo is for instance?

If you need more clarification just let me know.

Thanks in advance!

Hello,

It looks like you have already resolved this issue, haven’t you?

Kind Regards, Roman.
aThemes Support

Hi Roman,

Thanks for your reply!
Not to my knowledge - they still interfere with the menu on my iPhone SE. Just took some items out of the menu, so it’s smaller now, but still the buttons go through it.

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

#slides .header-buttons {
    z-index: 9;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Works like a charm, thank you so much!

You are welcome! :slight_smile:

Kind Regards, Roman.
aThemes Support