Menu hidden on mobile

The menu is hidden on mobile. How can i fix this? Its under the logo

and also the contact forms (cf7) don’t look like the demo. I tried almost everything, but no succes.

Hi,

I am sorry to hear that you’ve run into an issue. I am happy to help out.

Seems likely there is a little custom CSS code that will fix such that kind of issue. But I need to inspect it first to know the actual problem there. Can you share a link to your website here?

Regards,
Kharis
aThemes Support

Hi Kharis,

I attached it in my post. If you click on my website, it will open.

Hello,

First thanks for using our Sydney Pro theme!

Please try adding the given custom CSS code below at Appearance > Customize > Additional CSS:

.btn-menu .sydney-svg-icon {
	fill: #212121 !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.btn-menu {
		margin-top: 30px;
	}
	#mainnav-mobi {
		margin-top: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.btn-menu {
		margin: 15px auto 25px
	}
	#mainnav-mobi {
		margin-top: 0;
	}
}

For the contact form issue, please try adding the given custom CSS code below in the same place explained above:

.wpcf7-form input,
.wpcf7-form label {
	width: 100% !important;
}

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

aThemes Support

Hi Rodrigo,

Problem fixed, It works! Tnx for the effort and outstanding service! Can you please remove the link of the website? The topic can stay for others with the same problem!

Hello,

Great the issue is now resolved!

Regarding the link of your website: Is removed now.

If you need further assistance, feel free to contact us.

Kind Regards,

Rodrigo.

aThemes Support