Touching submenu indicator on mobile does nothing

Support
#1


when viewing mobile menu under Theme Options > Header > Mobile Menu
all looks ok and clicking on submenu brings options

on mobile device, touching submenu indicator does nothing.

#2

Also, I tried adding the following global css but it did not work so i am removing it.

#x-nav-wrap-mobile .x-sub-toggle {
width: 100%;
text-align: right;
z-index: 999999;
}

#3

Hi @janequade,

Thank you for reaching out to us. I went ahead and commented out the conflicting JS and CSS from the Theme Options and it resolved the issue.

Please clear all caches including your mobile browser’s cache and test page again. Let us know how this goes!

#4

hi. it didn’t help but i did add this global css

.x-nav-wrap.mobile {
display: block;
padding: 40px;
}

that seemed to do the trick.
but could you please tell me how to increase the padding on the right side of the mobile screen only?

thanks so much

#5

nope. i thought it worked. now the mobile menu is on my desktop. not sure what is wrong now.

#6

Hi @janequade,

Please remove the display: block; from your CSS code above.

Wrap your CSS code with @media query so it will only affect the mobile view.

e.g.

@media (max-width: 979px) {
	.x-nav-wrap.mobile {
		padding: 20px 40px;
	}
}

Hope it helps,
Cheers!

#7

awesome! Just what i needed. Thank you so much.

Jane

#8

You’re more than welcome, glad we could help.

Cheers!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.