Ipad main menu « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Choices

Ipad main menu

4 posts from 2 voices

Started 3 months ago by FefoRipa
Latest reply from Ismael
This topic is not a support question

Tags:

FefoRipa
Member

Hi everyone, I want to force the site to use mobile dropdown menu always when the access is made from a mobile device (tablet & smartphone). This because the menu, on iPad and other tablet, if shown in vertical way, has displaying issues.

Posted 3 months ago #

Ismael
Moderator

Hi,

Edit js > avia.js then find this code

// improves menu for mobile devices
	jQuery('.responsive .main_menu ul:eq(0)').mobileMenu({
	  switchWidth: 768,                   							//width (in px to switch at)
	  topOptionText: jQuery('.main_menu').data('selectname'),     	//first option text
	  indentString: '&nbsp;&nbsp;&nbsp;'  							//string for indenting nested items

Replace switchWidth value to 1024, something like this

// improves menu for mobile devices
	jQuery('.responsive .main_menu ul:eq(0)').mobileMenu({
	  switchWidth: 1024,                   							//width (in px to switch at)
	  topOptionText: jQuery('.main_menu').data('selectname'),     	//first option text
	  indentString: '&nbsp;&nbsp;&nbsp;'  							//string for indenting nested items

I haven't tried this since I don't have a mobile device to check it out. Let me know if it works.

Regards,
Ismael

Posted 3 months ago #

FefoRipa
Member

Very good, it functions! Last question: how to center the dropdown? With your solution it is left aligned, i want it centered. Thank you very much!

Posted 3 months ago #
Ismael
Moderator
Hi FefoRipa,

Try to add this code in your Quick CSS (located inside Choices > Theme Options > Styling) or custom.css (located inside wp-content/themes/choices/css):
```
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.main_menu {
		position: relative;
		top: -20px;
		left: 50%;
		margin-left: -127px;
	}
}
```
Hope this helps. :)

Regards,
Ismael
Posted 3 months ago #