Disabling Responsive Design

  • Hello all,

    I have a custom theme which is responsive. I have already made it “non-responsive by editing the style.css file. However, now there is a problem on smartphones where the blue navigation bar is not being displayed correctly.

    Before, the code was for tablets – @media only screen and (max-width: 768px and for smartphones – @media only screen and (max-width: 480px.

    I removed the “max” word and set the values to 0 just like this – @media only screen and (width: 0px).

    Can you please take a look at my site and check what do I have to change or what values should I put at the code above?

    Regards

    Site: https://www.naldotech.com

    [bumps moderated]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter albnaldo

    (@albnaldo)

    It has been almost one month. Can anyone give a response if possible?

    Lee

    (@romanempiredesign)

    The media queries are what is making the design responsive. Remove all of them and their contents completely except for the desktop sized one for the specific size you need. Then it will not be responsive anymore. Does that help? ??

    Thread Starter albnaldo

    (@albnaldo)

    Hi Lee,

    If you are talking about this : @media only screen and (max-width: 480px), i have tried to remove all of them but then the website goes weird and it is a mix of desktop and mobile design.

    Is there any solution?

    Thank you Lee ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Disabling Responsive Design’ is closed to new replies.