Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #20342

    is this possible? we’d like mobile phones to show the desktop version of the theme. thank you

    #107268

    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,

    Ismael

    #107269

    that didn’t fully fix it, it’s still giving the drop down condensed menu and reformatting to a single column.

    #107270

    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,

    Ismael

    #107271

    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/

    #107272

    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

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘turn off responsive layout for mobile devices’ is closed to new replies.