disable mobile version completely

Glad you’re happy with the theme and the support ??

Could you explain what you mean by “mobile view”? Tracks should have the same design on mobile devices by default (check the live demo as an example).

Hi Ben,

of course I’m happy ??
I would like the website to look on a mobile device as it looks on the desktop version,
exactly the same layout.

Best regards.

This could be done, but I don’t think same layout is going to work well on mobile devices. It’s going to look smushed like this: https://pics.competethemes.com/image/2J070O1u3m09

Alright,

still happy here ??

sorry for my bad English, maybe I am not able to explain what I need,
isn’t it possible to have exactly the same layout as the theme has on
a desktop computer?

I mean same proportions compared to the width of the desktop screen,
same menu, same everything like the desktop
version and one would only have to scroll vertically
to see the whole content?

Thanks.

I think there may be a plugin on your site changing the style of the site on mobile devices. Perhaps the Jetpack plugin’s mobile theme module?

Could you check out the live demo for Tracks on your mobile device? Here is the URL: https://competethemes.com/tracks-live-demo

Let me know if that looks any different from your site on mobile.

Thanks!

Hi Ben,

I tried Jetpack plugin’s mobile theme module, but it only creates
another mobile theme, which is something I don’t want.

I only want to see the website/ any website done with the Tracks theme
as you would see for example https://www.euronews.com
on a mobile device, it looks exactly like the full desktop version.

Let me know if I can be happy again ??

Thanks.

Oh I see, I’m afraid this isn’t an option with Tracks. The theme was written to be responsive, and cannot be easily made unresponsive.

Hi Ben,

usually I was doing this by removing this line from header.php
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
but in the Tracks theme this line does not show up in header.php

All I need is a hint, a tip, where to look for a solution,
that’s it and I will take over from there ??

Thanks.

The difference with Tracks is that it is responsive, so it doesn’t rely on the viewport tag to scale it to the device. There is a viewport tag added with a function outside of the header.php file, but removing it doesn’t then present Tracks at it’s desktop layout on mobile devices.

What you’ll need to do is eliminate the use of media queries completely. The media queries are what makes the styling of Tracks responsive. It will take some work, but the best way to do this would be to create a child theme (click here to download an empty one), and copy all of the CSS from Tracks’ style.css file into the child theme’s style.css file. Then, remove the line at the top of the child theme’s style.css file importing the parent theme’s stylesheet.

Lastly, you’ll need to locate each of the media queries (@media all and…) and remove them (don’t forget the trailing curly braces } ). Only with the media queries removed from the CSS will Tracks then display the same layout for all devices.

THANK YOU
THANK YOU
THANK YOU

you made me the happiest puppy in the world ??
I will do as you said.

Thanks!

Haha you’re welcome!

Just in case the meta viewport tag becomes an issue at any point, you can edit it in the following file in Tracks: tracks/library/functions/head.php line 56.

Thank you, Master.

Best regards.