top button
Flag Notify
    Connect to us
      Site Registration

Site Registration

How to recognize wordpress site into mobile device?

0 votes

I am a beginner in WordPress. I have already set up my WordPress-Theme for Desktop and I am happy with it and now I have tried to make some tweaks in the theme for the mobile device, but when I open my page on my mobile phone, those changes don't show up.

I have tried to make the theme for mobile device by overwriting the CSS-Selectors with the following:

@media (max-width: 700px) {

But this is does not work on mobile device. How can I solve this? Can anybody help me?

posted Jun 5, 2017 by Surajit Pal

Share this question
Facebook Share Button Twitter Share Button LinkedIn Share Button

1 Answer

0 votes

All modern browsers recognize media queries, using Wordpress would not change that. I think this can't be a WordPress issue, as CSS is interpreted only by the client.

This may be fixed by adding this code in your head section:

<meta name="viewport" content="width=device-width">

This forces mobile devices to not attempt to make it's own changes, such as zooming out and changing the font sizes.

answer Jun 21, 2017 by Brajagopal Das
Similar Questions
0 votes

In my wordpress site I have a picture in header section. On a full screen it looks ok but on mobile and when minimized the picture is on the left of the page. I would like it to be on the right. I thought that maybe I had to use CSS to reposition it so I did the following:
.widget-header img { float: left; } to .widget-header img { float: right; }
in hopes that it would work. However nothing seems to have changed. Can anybody help me how I fix this problem?

0 votes

I want to create a separate custom 404 page for my wordpress site that when 404 error occurs then that page will be display. I create a 404 page but when I tried to test it, the 404 page of the root site appears. Can anybody help me?

0 votes

I need to force HTTPS for my e-commerce site, but when I try, it goes into an HTTPS -> HTTP -> HTTPS loop. I reviewed my .htaccess, by couple of experienced techs but they found no issue on that. I checked my wp_config.php, and nothing there. Where else should I be looking? How would I hunt this down?

0 votes

I want to disable my extra JavaScript functions of my WordPress website when it viewing in small screens like mobile, because speed of my website is very slow in small screens. Can anyone help me how I disable my extra JavaScript for mobile view?