Hi,
for some reason my portrait iphone resolution is slightly off.
This is the link to take a look.
I have some css code to handle device sizes but it doesn;t seem to work for the portrait layout (landscape iphone and tablets for fines).
Here is the code I have:
/*ipad resolution for videos */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) { /* STYLES GO HERE */
.avia-webkit-7 #homevideo{
height: 340px;
margin: 0 auto;
display: block;
}
}
/*Iphone size changes 568 768*/
@media only screen and (max-width: 350px) {
/*background image on Il Corso - donna spalla*/
#acquista div.av-parallax.avia-full-stretch {
display: none !important;
}
/*front page stuff*/
.corso_tit p {
font-size: 25px !important;
width: 90% !important;
margin-left: 15px !important;
}
.corso_cap p {
margin-left: 10px !important;
font-size: 18px !important;
width: 90% !important;
}
#av_section_1 {
background-image: none !important;
}
.responsive .mobile_menu_tablet .main_menu { display: block; }
.avia-webkit-7 #homevideo{
/*max-width: 280px;*/
height: 240px;
margin: 0 auto;
display: block;
}
/*last braket of screen size css above*/}
Hi jenki!
Thank you for using Enfold.
I checked the site but it’s not using Enfold. I tried to inspect element using chrome but it wouldn’t let me which is weird, even keyboard shortcuts to open the inspector is not working. Can you please provide a screenshot? If you’re talking about the videos, the quality will depend on the speed of the internet connection used in the device.
Regards,
Ismael