Return to previous page

Mobile optimization - by fashionarena - on WordPress WooCommerce support

This topic has 9 replies, 3 voices, and was last updated 8 years, 1 months ago ago by Jack Richardson

fashionarena

Participant

February 25, 2016 at 20:00

Hello Suport,

I really love WooPress, it’s a wonderful theme and i will recommend further your services.
On my site, http://www.fashion-arena.ro , i deactivated responsive design. I really like how it looks, how it feels.
Sure i love IT, but Google does not. My website appears to be unfriendly for mobile devices.
Can You help me pass Google mobile-friendly rules, using the unresponsive design? Where to start?

#114933 Copied

8 Answers

fashionarena

Participant

February 26, 2016 at 06:05

What’s the diferrence between css for mobile and css for mobile landscape?

#114969 Copied

Eva Kemp

Support staff

February 26, 2016 at 09:42

Hello,

Sorry, but in this case you have to enable responsive design back.
Css for mobile works for mobile portrait, here is an example http://storage9.static.itmages.com/i/16/0226/h_1456476078_7617025_261413e365.png , and the example of mobile landscape http://storage7.static.itmages.com/i/16/0226/h_1456476127_2321101_2b624d4c48.png .

Regards,
Eva Kemp.

#115008 Copied

fashionarena

Participant

February 26, 2016 at 11:26

Thanks Eva,

I see now the difference.
I saw on the web some websites who don t have a responsive design, but still are mobile friendly.
Example: http://www.elegantthemes.com

Can i achieve a design like this with WooPress?

#115023 Copied

Eva Kemp

Support staff

February 26, 2016 at 11:35

Hello,

We can’t check your site using Mobile-Friendly Test in Google as it’s not allowed in your robots.txt file:
http://storage6.static.itmages.com/i/16/0226/h_1456482858_1075009_ae217b13e3.png
Where do you test the site?

Regards,
Eva Kemp.

#115025 Copied

fashionarena

Participant

February 26, 2016 at 11:52

I’ve blocked Google, on the development stage using robots.txt
I’ve removed the block now. You can test the site.

#115028 Copied

Eva Kemp

Support staff

February 26, 2016 at 12:45

Hello,

To make site mobile friendly with responsive design disabled you need edit the file header.php, find the code <meta name="viewport" content="<?php if($etheme_responsive): ?>width=device-width, initial-scale=1, maximum-scale=2.0<?php else: ?>width=1200<?php endif; ?>"/> in line 7 and remove the code <?php if($etheme_responsive): ?>, <?php else: ?>width=1200<?php endif; ?>.

After that test your site.

Regards,
Eva Kemp.

#115033 Copied

fashionarena

Participant

February 27, 2016 at 20:56

I’ve introduced your snippet, but the result was not what i hopped for.
The main menu was mising on mobile and whole page was truncated.

#115192 Copied

Jack Richardson

Support staff

February 29, 2016 at 15:06

Hello,

If you want to have responsive design on your site for mobile devices you need to activate the mentioned option in Theme Options > Responsive. Otherwise it requires additional customization in theme source files.

Best regards,
Jack Richardson.

#115350 Copied
Viewing 9 results - 1 through 9 (of 9 total)