Disable Mobile View/Responsiveness

  • Resolved saksham.anand

    (@sakshamanand)


    8 years, 4 months ago

    Hello,

    When viewing this page on mobile device, the content of the page come out really weird and do not work as intended. How am I able to disable mobile view or responsiveness of the theme for this page only?

    Thank You

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

  • Hello there,

    Disabling the responsiveness feature of the theme isn’t an easy task. But you can try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css to improve the form visibility. 

    .page-id-494 .page-wrap .container{
   width: 1170px !important;   
}

    Regards,
    Kharis

    Rather than disabling it, isn’t it better to fix the layout on mobile instead?
    Try adding this css code to your theme.

    @media only screen and (min-width:240px) and (max-width: 720px), screen and (-webkit-min-device-pixel-ratio : 1.5 ) and (max-device-width:800px) { 
.wpcf7 #right, .wpcf7 #left {
    width: 100%;
    float: none;
}
}

    The form fields should be displayed correctly on mobile devices.

    Why disable site responsiveness? This I would wanna know.
    —
    Cammy

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Disable Mobile View/Responsiveness’ is closed to new replies.