MaxiMenu on mobile devices

magev88
Topic Author
Offline
New Member

11 years 9 months ago #7555 by magev88

Replied by magev88 on topic MaxiMenu on mobile devices

So it can't help me in this situation?

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator

11 years 9 months ago #7556 by ced1870

Replied by ced1870 on topic MaxiMenu on mobile devices

ok, I have seen that the plugin works now (only with very small resolutions under 320px

)
there is 2 problems :
1/ you container .main hide the menu, so you shall add this in your css (with a resolution of 320px to be adjusted):

Code:

@media only screen and (max-width:320px){    
    .main {margin-top: 40px !important}
}

2/ your website is not responsive, you shall add this meta tag in your index.php file :

Code:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

in the <head> part of the file

if you need help, you must give me a ftp access

Ced

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

magev88
Topic Author
Offline
New Member

11 years 9 months ago #7558 by magev88

Replied by magev88 on topic MaxiMenu on mobile devices

Ok, i had add the code in my two files (index and css) but is the same, i can't click the category "COLLEZIONE UOMO" and "COLLEZIONE DONNA" by my Iphone. I see the arrow, but it doesn't work, i can't open it and i can't see the subacategories.

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator

11 years 9 months ago #7559 by ced1870

Replied by ced1870 on topic MaxiMenu on mobile devices

ok, I see the meta tag, but not the css. ALso try to give a higher value (try 640px) because if your iphone has a bigger resolution the mobile menu will not be active

PS : I will improve this point soon in the plugin to add a devide detection instead of only based on the resolution.

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

magev88
Topic Author
Offline
New Member

11 years 9 months ago #7561 by magev88

Replied by magev88 on topic MaxiMenu on mobile devices

I add this code in my virtuemart.css file:

.main {
width:1065px;
position:relative;
margin:0 auto;
text-align:left;
@media only screen and (max-width:320px)
.main margin-top: 40px !important

}

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator

11 years 9 months ago #7563 by ced1870

Replied by ced1870 on topic MaxiMenu on mobile devices

this is not good, try this :

Code:

.main {
width:1065px;
position:relative;
margin:0 auto;
text-align:left;
}

@media only screen and (max-width:640px) {
.main margin-top: 40px !important
}

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

Time to create page: 0.523 seconds