Viewport in WordPress

APD Toronto
APD Toronto used Ask the Experts™
on
Hi Experts,

How can I use Viewport sizing in WP, so there's only one design for desktop, mobile and tablet?

I know that this is an outdated method, but "the customer is always right."

My favorite theme is Appointment Pro that I use at www.aces-project.com, but how would I approach it with this or any other theme? The site will be similar to http://www.povardarska-eparhija.org.mk/pe/

Thank you
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Scott FellDeveloper & EE Moderator
Fellow 2018
Most Valuable Expert 2013

Commented:
For a static website, you just don't add any media queries https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

@media (max-width: 400px) {
  /* css code */
}

Open in new window


In the case of your WP theme, select "boxed". That will give it the 'old' look. Also you will have options for each page/element for probably three different viewports. Just set them all to the same or turn off the smaller screens. You will have to look at the theme's documentation for the exact way to do that.

With that said, I still would try and sway your client. I don't believe the customer is always right, though I will make sure to give proper advice and document it but still let them go their way with reservations.  Although Google said mid last year it will be going to mobile first https://developers.google.com/search/mobile-sites/mobile-first-indexing I am just getting the notices in my search console. This is important because it will impact search engine results.
APD TorontoSoftware Developer

Author

Commented:
I just activated my Appointment Pro theme, then added a child theme, and activated it. Then, changed my Theme Layout to boxed, but I still see mobile layout; ie- re-positioning of elements, the burger menu, etc.

FYI, this is a brand new install. I haven't added any content, nor any code to my child theme.. I still see the Lorem Ipsum text from the  theme.
Scott FellDeveloper & EE Moderator
Fellow 2018
Most Valuable Expert 2013

Commented:
Are there any settings or checkboxes to enable responsive in admin? Are there any on page responsive settings?
Expert Spotlight: Joe Anderson (DatabaseMX)

We’ve posted a new Expert Spotlight!  Joe Anderson (DatabaseMX) has been on Experts Exchange since 2006. Learn more about this database architect, guitar aficionado, and Microsoft MVP.

APD TorontoSoftware Developer

Author

Commented:
Where do I look for disabling the responsive?

Sinnce I'm at the start, I'm open to using another theme.

Thanks.
Scott FellDeveloper & EE Moderator
Fellow 2018
Most Valuable Expert 2013

Commented:
I tried to search your theme and didn't see it very good help files.

Are there options for each page? or template in the admin area? If not, you can remove the media queries / look for the "responsive" css file etc.

Otherwise, I switched to using https://elementor.com/ paid and you can pick up a free theme they suggest from this list https://docs.elementor.com/article/78-themes  I used https://generatepress.com/ as the base.

Elementor allows you to turn responsive on and off.
APD TorontoSoftware Developer

Author

Commented:
Actually I have written my own theme before, and the design this website we is straight forward.

Can you remind me the minimum of a theme? Style.css page.php ...?
Developer & EE Moderator
Fellow 2018
Most Valuable Expert 2013
Commented:
Are you talking about from scratch?

https://codex.wordpress.org/Theme_Development

What you may want to do is download a free theme from WP https://wordpress.org/themes/browse/popular/. I don't know if the old 2010 will work with the newest version of WP but it is worth a try https://wordpress.org/themes/twentyten/ it has more of the older style you are looking for. Or even just downloading one of the newer themes. Doing that will give you a good sense of how the pages are built and what files to use.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial