is this possible? we'd like mobile phones to show the desktop version of the theme. thank you
turn off responsive layout for mobile devices
6 posts from 3 voices-
Posted 3 months ago #
-
Hi,
Yes, it is. Open wp-content/themes/angular/css folder, edit layout.css and remove everything on the #Media Queries section.
Note: Create a backup of the file first.
Regards,
IsmaelPosted 3 months ago # -
that didn't fully fix it, it's still giving the drop down condensed menu and reformatting to a single column.
Posted 3 months ago # -
Hi chesbrougha,
Kindly open wp-content/themes/angular/js/avia.js and find this code and remove it:
// improves menu for mobile devices jQuery('.main_menu ul:eq(0)').mobileMenu({ switchWidth: 768, //width (in px to switch at) topOptionText: jQuery('.main_menu').data('selectname'), //first option text indentString: ' ' //string for indenting nested items });Also kindly open wp-content/themes/angular/css/grid.css, find adn remove this code:
/* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */ @media only screen and (min-width: 768px) and (max-width: 989px) { .boxed #wrap_all { width: 766px; } .container { width: 714px; } .container .one.unit { width: 32px; } .container .two.units { width: 94px; } .container .three.units { width: 156px; } .container .four.units { width: 218px; } .container .five.units { width: 280px; } .container .six.units { width: 342px; } .container .seven.units { width: 404px; } .container .eight.units { width: 466px; } .container .nine.units { width: 528px; } .container .ten.units { width: 590px; } .container .eleven.units { width: 652px; } .container .twelve.units { width: 714px; } /* Offsets */ #top .offset-by-one { padding-left: 62px; } #top .offset-by-two { padding-left: 124px; } #top .offset-by-three { padding-left: 186px; } #top .offset-by-four { padding-left: 248px; } #top .offset-by-five { padding-left: 310px; } #top .offset-by-six { padding-left: 372px; } #top .offset-by-seven { padding-left: 434px; } #top .offset-by-eight { padding-left: 496px; } #top .offset-by-nine { padding-left: 558px; } #top .offset-by-ten { padding-left: 620px; } #top .offset-by-eleven { padding-left: 682px; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .boxed #wrap_all { width: 318px; } .container { width: 300px; } .units, .unit { margin: 0; } .container .one.unit, .container .two.units, .container .three.units, .container .four.units, .container .five.units, .container .six.units, .container .seven.units, .container .eight.units, .container .nine.units, .container .ten.units, .container .eleven.units, .container .twelve.units, #top .one_fifth, #top .one_fourth, #top .one_third, #top .two_fifth, #top .one_half, #top .three_fifth, #top .two_third, #top .three_fourth, #top .four_fifth { margin-left: 0; margin-bottom: 10px; width: 300px; } /* Offsets */ #top .offset-by-one, #top .offset-by-two, #top .offset-by-three, #top .offset-by-four, #top .offset-by-five, #top .offset-by-six, #top .offset-by-seven, #top .offset-by-eight, #top .offset-by-nine, #top .offset-by-ten, #top .offset-by-eleven{ padding-left: 0; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .boxed #wrap_all { width: 478px; } .container { width: 420px; } .units, .unit { margin: 0; } .container .one.unit, .container .two.units, .container .three.units, .container .four.units, .container .five.units, .container .six.units, .container .seven.units, .container .eight.units, .container .nine.units, .container .ten.units, .container .eleven.units, .container .twelve.units, #top .one_fifth, #top .one_fourth, #top .one_third, #top .two_fifth, #top .one_half, #top .three_fifth, #top .two_third, #top .three_fourth, #top .four_fifth { width: 420px; margin-left: 0; margin-bottom: 10px; } }Hope this helps
Regards,
IsmaelPosted 3 months ago # -
If I view the demo on a mobile phone it looks exactly like the desktop version. i've made these changes but it still isn't perfect. please see this: http://expofilms.com/SHS/
Posted 3 months ago # -
Hi chesbrougha,
Your grid.css file still has the css for those media queries. See: http://expofilms.com/SHS/wp-content/themes/angular/css/grid.css
You need to remove the css Ismael specified above for the media queries so that the site doesn't adjust the containers based on the users screen size.
Regards,
Devin
Posted 3 months ago #
Reply
You must log in to post.














