Elementor header with intergraded menu bar

Dear @roman,

I fixed the previous problem my self, i can’t get the menu working on mobile and tablet.
please take a look: www.hunzavallywater.com.

Kind Regards,

kevin

Hello Kevin,

The link doesn’t seem to be valid, can you please check it?

Kind Regards, Roman.
aThemes Support

Dear Roman,

I’m sorry, www.hunzavalleywater.com

Kind Regards,

Kevin

Hello Kevin, thank you for the link.

I have just checked your website and saw that your top Elementor section has -65px of top margin, this seems to cause your menu problem, so you can try to remove that negative margin and see if it helps.

Kind Regards, Roman.
aThemes Support

Dear Roman,

It didn’t work… I made the margin 0 again and still no mobile menu.
How do I get an full image header with Elementor if i can’t do it that way?

Kind Regards,

Kevin

Hello Kevin,

Now you do have the mobile menu, but the button is white on white background, so try to add this CSS code in Customize → Additional CSS section in order to make it black and aligned better:

.btn-menu {
    color: black;
    line-height: 1;
    margin-top: 0;
}

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

Kind Regards, Roman.
aThemes Support

Dear Roman,
I do still have the white menu bar, How to get the picture as background?

Kind Regards,

Keivn

Dear Roman,
I also have white stripe in the bottom of my site what doest want to go away.


Kind Regards,

Kevin

Hello Kevin,

I do still have the white menu bar, How to get the picture as background?

Try to add this CSS code in CustomizeAdditional CSS section (it will affect only desktop view):

.header-clone {
    display: none;
}

I also have white stripe in the bottom of my site what doest want to go away.

You have an Elementor Heading widget there with white “Testemonials” text, so it looks like a white gap.

Please let me know if you need more help.

Kind Regards, Roman.
aThemes Support

Dear Rpman,

Your the best ! Thank you very much.

Kind Regards,

kevin

Dear Roman,

Do you also have a solution for : I also have white stripe in the bottom of my site what doest want to go away.

Kind Regards,

Kevin

Hello Kevin, you are welcome! :slight_smile:

I also have white stripe in the bottom of my site what doest want to go away.

Try to add this CSS in CustomizeAdditional CSS section:

footer#colophon.site-footer {
    border-top: none;
}

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

Kind Regards, Roman.
aThemes Support

Dear Roman,

Thank you it worked.

Kind Regards,

Kevin

You are welcome Kevin!

Kind Regards, Roman.
aThemes Support