CODEWITHSUNDEEP
csstwitter-bootstrapresponsive-design
luka5z
luka5z

Reputation: 107

Displaying responsive website on mobile devices exactly the same as on desktops

I have a problem with following website

www.tylkomarkowa.pl

Basically it's responsive (BS 3.0), but with loads of custom queries. I would like to remove all reponsiveness from this site, but it's difficult. So I wonder if there is any way to force mobile devices to show full site, so it looks just like on desktops, without div stacking etc.

I've tried already viewport width=1200 and higher but it doesn't work at all. I would like to have 1200px container on mobiles, even if horizontal scrolling is necessary. Any idea? Thank you. I'm stuck. I've tried also fixing width on container but it doesn't work too.

Upvotes: 0

Views: 75

Answers (2)

xyhhx
xyhhx

Reputation: 6664

Firstly, removing responsiveness from the website is a terrible idea. It will drastically impact SEO like you've never seen before, as a Google update coming April 21st will take how mobile-friendly your website is very seriously.

Now that I've made that point, I'll show you a few steps you can take to remove this feature.

Firstly, from any webkit browser, open the debugging console, then go to the sources tab. From there, hit Ctrl+Shift+F to allow you to search through all of the source file. Type "@media", and it will list you all the occasions of @media query {} - this is where all the responsive magic happens.

I've added a screenshot so you can see the result. From here you can see there are 327 occurrences. This will take a long time to get rid of, but this is your first step to making the site a mobile headache.

Then, like your intuition told you, you must keep the viewport wide. This seems to be as simple as changing your min-width: 240px to min-width: 1200px in global.css on line 6689.

This should be all or most of the work ahead of you to fuck up your mobile visitors' experience :) Hope it helps!

enter image description here

Upvotes: 1

Ravi
Ravi

Reputation: 392

You should remove all the

position:absolute;top:....

Like things or try to design with simple HTML and CSS to get work on all devices

Upvotes: 1

Related Questions