Lisa Judkins
asked 6 years ago

I am having 2 issues with the tablet/ipad version of my site. http://www.FlightAttendantSource.com
1. Sidebar gets cut off on iPad in portrait mode.
2. Landscape mode does not work properly after going to portrait mode then back to landscape mode (the site stays zoomed in and there is no way to zoom out and/or revert back to the proper landscape mode)
Lastly, is there a way to allow for zooming in and out with this theme.
 
Thanks for your help!
 
Lisa

3 Answers
DominicStaff
answered 6 years ago

Hello Lisa !
I have checked your site from our side, and things are working fine.
Can you please send me screenshots of the issues for further checking?

Lisa Judkins
answered 6 years ago

Hi Dominic!
Not sure how to add images? But more specifically, the sidebar cuts off my video and my ad. In addition, my site zooms in on landscape mode (remember: thats only after it has been in portrait mode first, then switched back) Please tell me if this is clear and/or assist me in uploading my images to this thread.
 
Thanks
 
Also: Were you able to check out this issue I posted here: http://cmspioneer.com/designwall/question/my-sites-font-changes/

Lisa Judkins
replied 6 years ago

Hi again Dominic. I have fixed my other issue. Any advice on this issue?

Thanks

Wilfred
answered 6 years ago

Hi Lisa,
To fix this issue, please follow my instruction here:
1. Go to Dashboard / Appearance / Customize / General Settings , and add this code below to custom wp_head section:

 <style>
@media (max-width: 979px) and (min-width: 768px) {
#secondary {
width: 200px;
}
#primary {
width: 504px;
}
}
</style>

2. Open file custom.js in Your site / wp-content / themes / your theme /assets/js/custom.js.
– Add the following code on line 2: 

 function responsiveIframe() {
$('iframe').each(function(){
if ( ! $(this).hasClass('twitter-tweet') ) {
var iw = $(this).attr('width');
var ih = $(this).attr('height');
var ip = $(this).parent().width();
var ipw = ip/iw;
var ipwh = ih*ipw;
$(this).css({
'width': ip,
'height' : ipwh,
});
}
});
}

– Add the following code on line 62 and 292:

 responsiveIframe();


Hope this helps.

Lisa Judkins
replied 6 years ago

Thanks! Ill give it a try and let you know how it goes!

Lisa Judkins
replied 6 years ago

Unfortunately this did not solve my problem.

Powered by DW Question & Answer Pro