stop responsive theme kicking in at 800 x 600 screen resolution

  • jamesvoce

    (@jamesvoce)


    11 years ago

    Hi

    How can I prevent the Customizr theme from changing to mobile version on a screen size of 800 x 600? My client has to zoom out to 75% to get the theme to show desktop version. Client is viewing on a laptop so don’t want it switiching to the mobile version. I’m using a child theme.

    I’m using version 3.1.6

    https://www.openstrings.co.uk

    what files/code can I change to prevent the switch at this resolution? Or prevent it entirely?

    Any help or pointers would be very helpful.

    thanks
    James

Viewing 3 replies - 1 through 3 (of 3 total)
  • rdellconsulting

    (@rdellconsulting)

    Start here and come back with further questions if needed

    Thread Starter jamesvoce

    (@jamesvoce)

    Thanks for that. Not sure I entirely understand how to prevent the entire site from switching to mobile site if window less than 800 wide. Do I need to place all navigation css within these tags in my child css file?

    @media all and (min-width: 600px) and (max-width:800px) {
    /* */

    }

    Or are there css pages within the theme that I need to amend?

    Thanks rdellconsulting

    James

    rdellconsulting

    (@rdellconsulting)

    Theme is based on Twitter Bootstrap 2. The breakpoint by default is at 979/980px. Lot of work to try to take that out (lots of CSS behind the scenes).

    CSS works inline, so you add @media statements after the base CSS, and you need to tweak those items that misbehave. I use Resizer to emulate the common viewports.

    Is your client the only one to view the site? If so, then you could build the CSS around your suggested @media. But other viewers may have problems. Get the client to buy a new laptop ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘stop responsive theme kicking in at 800 x 600 screen resolution’ is closed to new replies.