Docs

[anton.pelayo]

Hi Guys

On mobile (both Iphone 6 & android), the arrows on the drop down don’t work very well..

You’d have to click on the very edge of the screen for it to drop down, is there a way to fix the touch area for this? I’ve checked other ethos samples and it works fine on other sites..

I’m on ethos child theme, latest updates for x.

Thanks,
A

[Joao]

Hi A

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks

Joao

[anton.pelayo]

Thanks Joao.

The link is opticshock.antonpelayo.com.

[Nabeel A]

Hi again,

Thank you for providing the URL. Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-sub-toggle {
    z-index: 9999 !important;
}
li.menu-item-has-children {
    position: relative !important;
}
.x-sub-toggle>span {
    top: 13px !important;
    margin-top: 0px !important;
}

Then add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

(function($) {
	var a = $('.x-sub-toggle');
	a.each(function(){
		b = $(this).parent();
		$(this).insertAfter(b);
	});
})(jQuery);

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[anton.pelayo]

thanks nabeel, I’ve tried this but to no avail.

I’ve check ethos 1 demo and ethos 2, and when i click the drop down or anywhere next to it, it drops with ease…

I’ve tried removing all css to keep it to original styling, but it didn’t work either…

any other ideas?

[Lely]

Hi There,

From your current setup, please also try adding this CSS:

.x-sub-toggle {
    width: 112px; /*Adjust this accordingly*/
}

Above code will adjust the block width where you can click the double arrow down.

Hope this helps.

[anton.pelayo]

sorry Lely, tried that too..

If i click on the very right edge of the screen it drops down, but I’ve checked other theme x demos and it drops down smoothyl without effort….

[Rue Nel]

Hello There,

Thanks for the updates! X 4.6 is now available in automatic updates! This release contains hotfix for several issues so be sure to check out the changelog. Please do update to the latest version. After doing the updates, always remember to clear all caches when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Please let us know how it goes.

[anton.pelayo]

Updating didn’t help.

I found the culprit, I have disabled all plug ins and found that REVOLUTION SLIDER was the one affecting the submenu on mobile…

I need to use the rev slider plugin as all my content is there…

Could you please help look into CSS/Functions as to why it’s affecting the menu?

Thank you,
Anton

[anton.pelayo]

Sorry guys, I’ve sorted it out!!!

Looked into the Menu Parent item, since it was linked to somewhere it was throwing off the child drop down.

Remove the Parent link = Child Drop down works.

Thanks for the support, who would’ve thought the fix was this simple?

Anton

[Christopher]

Glad to hear that you were able to fix this.

[Author]

Posts