Mobile Menu Problems

[johnsorci]

I am having a problem with my menu when it goes into mobile mode. First off the menu icon is hard to see because of my header, and when you tap on it the menu appears for a brief second and then disappears. I’d really like to get this fixed because there’s no navigation on mobile right now! D:

I tried deactivating all of my plugins to see if that fixed it and it did not. I have a little bit of css styling of my normal menu and I tried removing that and it still didn’t fix it.

This is my css styling I have right now:

COPY CODE

#menu-primary-menu { height: 40px ;}
#undefined-sticky-wrapper { height: 275px ;}
#menu-primary-menu li a { line-height:20px !important ;}
.template-page, .sidebar { padding-top: 10px ;}

I would like to have my mobile menu show up below my header if possible.

http://www.sm4sh.club

Attachments:

You must be logged in to view attached files.

[johnsorci]

Please I really need help with this!

[Catalin]

Hello,

I see you did some modification to the header structure like adding a blank logo and also adding a custom header background there the logo in included in the picture… the theme by default has the menu appearing under the logo… you need some code development to achieve this…

Thank you,
Catalin

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[johnsorci]

But adding a logo image and header background image is normal features of the theme. Why would that be causing the menu to not display properly?

Are you not able to help?

[Catalin]

what I am saying is the fact that the elements in header are designed to be responsive… if you add a header background image with the logo incorporated the elements will act different…

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[johnsorci]

Is there a way to disable the mobile menu activating? And just keeping it as the normal header?

[Catalin]

That is not an option, you can disable responsiveness from Sweetdate theme options and your site will look like on desktop also on mobile

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts