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- Started 3 months ago by chesbrougha
- Latest reply from Devin
- This topic is not a support question
-
Posted 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 # -
Ismael
ModeratorHi 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 # -
Devin
ModeratorHi 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.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
