Is it possible to override the layout for just a single page, say inside my custom page template? If not is there some CSS/HTML way I can turn off the responsiveness in that particular page template?
My situation:
The property listings pages are served from the Real Estate Board’s servers, in pages that are wrapped in a footer and header pulled from my site. I created a page template named “header-only” that displays the normal page.php contents right up to the start of the content and ends.
The problem I’m now having is that the Real Estate Board’s server is really old and is outputting HTML with fixed width tables. When these are wrapped in my Enfold header and footer, the margins at the left and right of the page prevent the entire 530px wide HTML table from showing up on a cel phone.
http://mlsr.realtylink.org/mlsr_get/res_sale_result.cfm?cid=1184786&comID=003173 Is an example of what I’m talking about, if you reduce the width of your window to the narrowest layout.
I am fairly sure that if I could just switch to Fixed Layout for this single page (or page template) then everything would work out fine, or I could at least just set some CSS rules for the widths and the viewport width wouldn’t affect anything.
Thank you!
Hi,
Try adding this at the end of js/avia.js:
jQuery(function() {
jQuery('.page-id-388').parent('html').removeClass('responsive');
});
Regards,
Josue