Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

ipad responsive has limit too low and on ipad u see desktop view.

Featured Lock Resolved Bug
The limit under which the responsive-ipad vision must start is less than ipad regular, so setting for ipad, the ipad view is that of desktop... how can I do to set this limit at the right measure?

http://www.studiobolognesi.info

4 Answers

hughes

More than a month ago #Permalink
Sorry? I dont understand...
What is an additional media query? Where I must add? Is not more simple that SPPB set the right measure?

like this?
@media only screen and (device-width: 768px) {
/* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
/* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
/* For landscape layouts only */
}

Hi,

You can add additional media query for ipad with your view port size.

Thanks
Arun

Arun Sasi

More than a month ago #Permalink
Hi,

You can add additional media query for ipad with your view port size.

Thanks
Arun

Arun Sasi

More than a month ago #Permalink
Hi,


Yes,

@media only screen and (device-width: 768px) {
/* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
/* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
/* For landscape layouts only */
}

If you are using LESS file write in theme.less / CSS write in tempate.css.



Thanks
Arun



Sorry? I dont understand...
What is an additional media query? Where I must add? Is not more simple that SPPB set the right measure?

like this?
@media only screen and (device-width: 768px) {
/* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
/* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
/* For landscape layouts only */
}

Hi,

You can add additional media query for ipad with your view port size.

Thanks
Arun


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 119
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 110
Toufiq

Toufiq

Total Accepted Answers: 89
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 4
FUTURECLIENT

FUTURECLIENT

Total Accepted Answers: 2

115

Templates

296175

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us