Return to previous page

Responsive text problems - by alice - on WordPress WooCommerce support

This topic has 42 replies, 5 voices, and was last updated 8 years, 11 months ago ago by Eva Kemp

alice

Participant

December 2, 2015 at 18:46

Hello,

At first, I really like your theme ! It’s simply amazing.

So…

I disabled the responsive layout, but all the text are not show up in the same dimension on mobile phone. Example about page text looks big and contact text looks very small.

I have check all css and pagination but I can’t find the problem.

I need all the text to be “small” !

Best.

Alice

Please, contact administrator
for this information.

#102411 Copied

41 Answers

Robert Hall

Support staff

December 2, 2015 at 19:46

Hello,

I checked your site and didn’t see any problems.

Maybe provide screenshot for our better understanding and highlight what exactly you mean.

Regards,
Robert Hall.

#102420 Copied

alice

Participant

December 4, 2015 at 19:23

As you see in the images the texts dont show up in the same dimensions on differents pages.
This appens just on mobile.

#102820 Copied

alice

Participant

December 4, 2015 at 19:26

Sorry…

#102821 Copied

Eva Kemp

Support staff

December 4, 2015 at 20:01

Hello,

Your images aren’t loading.
Please reupload them.

Thank you.

Regards,
Eva Kemp.

#102830 Copied

alice

Participant

December 5, 2015 at 00:58

#102853 Copied
Robert Hall

Support staff

December 5, 2015 at 08:33
Hello,

I’ve added the following code in 8theme Options->Styling->Custom CSS for mobile landscape and Custom CSS for mobile. Please check it.
```
p {
    font-size: 10px;
}
```
Regards,
Robert Hall.
#102866 Copied
alice

Participant

December 5, 2015 at 12:37

Unfortunately it don’t work.

#102895 Copied

Eva Kemp

Support staff

December 5, 2015 at 15:22

Hello,

As I see font size is similar on both pages – 10px:
http://prntscr.com/9am57x
http://prntscr.com/9am5k4

Please clear browser cache and check again.

Regards,
Eva Kemp.

#102905 Copied

alice

Participant

December 5, 2015 at 16:20

Hello Eva,

It works if you check the website from pc with webmaster ( see responsive layout ).

But doesn’t work on mobile ( samsung ), I have cleared the borser chrome but nothing and also in the android browser but nothing as well.

thanks a lot for your help.

Alice

#102931 Copied

alice

Participant

December 5, 2015 at 16:22

Hello Eva,

It works if you check the website from pc with webmaster ( see responsive layout ).

But doesn’t work on mobile ( samsung ), I have cleared the borser chrome but nothing and also in the android browser but nothing as well.

thanks a lot for your help.

Alice

#102932 Copied

alice

Participant

December 6, 2015 at 14:06

Hello Eva,

From this sreenshoot you can have a better idea of the problem:

http://www.alicerosignoli.it/wp-content/uploads/2016/01/Screenshot_2015-12-06-13-07-14.png

We are in the terms & conditions page of my web, see the difference beetween PRODUCT INFORMATION text-block and PURCHASING text-block.

As you see, the mobile browsers have problems to resize text-blocks when responsive layout if OFF.

Some text-block are resised other no. I can’t find the way to force all mobile borwsers to resize all text-blocks.

Best,

Alice

#102953 Copied

Brian Johnson

Member

December 7, 2015 at 08:04

Hello

Sorry, for inconveniences.
There is no such option in our theme.
Thank you for understanding.

Regards,
Brian Johnson

#102974 Copied

Jack Richardson

Support staff

December 7, 2015 at 08:19

Hello,

Your screenshot isn’t loading. Please reupload it.

Thank you.

Best regards,
Jack Richardson.

#102979 Copied

alice

Participant

December 7, 2015 at 14:20

Hello Brian

It’s a shame. You give the function : disable responsive layaut but non-responsive layout doesn’t work on mobile… non sense !

you may have to do somenthing for this 🙂

As you see in the screenshot : http://www.alicerosignoli.it/wp-content/uploads/2016/01/Screenshot_2015-12-07-13-59-30.png
Mobile browsers have a function that change the text size for easier reading. What I am asking for is just a code that from my website will force every mobile browser not to change the text size.

And also I whant allow zoom. I have tried with this code :
<meta name=”viewport” content=”width=device-width, user-scalable=yes, initial-scale=1.0, minimum-scale=0.1, maximum-scale=10.0″>
But the website becomes responsive.

Are you sure there is not code to solve this problem ?

I don’t want responsive layout cause it have several problems in several pages. A very important one : the check out page does’t allow to insert data as name / surname address etc. So basically it’s impossible to place orders…

Best,

Alice

#103060 Copied

Jack Richardson

Support staff

December 7, 2015 at 14:57

Hello,

I’ve checked your site on Samsung mobile device and haven’t seen any problem:
http://storage3.static.itmages.com/i/15/1207/h_1449496549_1666441_f5feff7467.png

Please clarify what exactly you want to achieve.
Do you want to disable responsive design and show content full width on mobiles as it is on desktop?

Best regards,
Jack Richardson.

#103070 Copied

alice

Participant

December 7, 2015 at 15:21

Hello Richardson,

As you see in the screenshot : http://www.alicerosignoli.it/wp-content/uploads/2016/01/Screenshot_2015-12-07-13-59-30.png
Mobile browsers have a function that change the text size for easier reading. What I am asking for is just a code that from my website will force every mobile browser not to change the text size.

Exactly what you say: disable responsive design and show content full width on mobiles as it is on desktop. ( and allow zoom ! )

Try to have a look from your samsung mobile to : “the brand” page and “contact us” page. I see them like that:
http://www.alicerosignoli.it/wp-content/uploads/2016/01/Screenshot_2015-12-04-19-14-09.png
http://www.alicerosignoli.it/wp-content/uploads/2016/01/Screenshot_2015-12-04-19-14-16.png

That’s why I would like all content full width on mobiles as it is on desktop.
Because now the borowsers detect some text and zoom it and don’t detect other text leaving it like on desktop.

Best,

Alice

#103073 Copied

alice

Participant

December 7, 2015 at 15:33

Hello,

I show you,

THIS IS WHAT I WANT : http://www.alicerosignoli.it/wp-content/uploads/2013/01/Screenshot_2015-12-07-15-26-07.png

THIS IS WHAT I DONT WANT: http://www.alicerosignoli.it/wp-content/uploads/2013/01/Screenshot_2015-12-07-15-24-50.png

Best,

Alice

#103076 Copied

Jack Richardson

Support staff

December 7, 2015 at 17:03

Hello,

Please provide us with FTP credentials.

Thank you.

Best regards,
Jack Richardson.

#103095 Copied

alice

Participant

December 7, 2015 at 17:48

Hello Jack,

Thanks a lot for your help,

can you also allow zooming on mobile ?

I have tried with this code :
<meta name=”viewport” content=”width=device-width, user-scalable=yes, initial-scale=1.0, minimum-scale=0.1, maximum-scale=10.0″>
But the website becomes responsive.

Best,

Alice

Please, contact administrator
for this information.

#103110 Copied

Eva Kemp

Support staff

December 7, 2015 at 19:43

Hello,

We can’t connect via FTP.
Seems your server is blocking our IP.
Do you have any Firewall enabled?
Please ask your hosting provider to open access.

Thank you.

Regards,
Eva Kemp.

#103133 Copied

alice

Participant

December 8, 2015 at 13:59

Hello Eva,

I don’t have any firewall enabled, my FTP connection history sad you access my web yesterday 🙂 after that it was in 404 mode… don’t warry about that I have made a backup.

You want try to access now? I am used to change php and access to FTP if there not much code to change I can do it.

As you prefere.

Alice

#103301 Copied

Eva Kemp

Support staff

December 8, 2015 at 15:22

Hello,

Unfortunately we still can’t connect getting the errors:
Error: Connection timed out
Error: Could not connect to server

Please check it with your hosting provider.

Regards,
Eva Kemp.

#103307 Copied

alice

Participant

December 8, 2015 at 15:29

Hello Eva,

Please give me instruction on what code I have to modify. to solve my problems. I will do it.

I have no problem access.

best,

Alice

#103310 Copied

Jack Richardson

Support staff

December 9, 2015 at 09:51

Hello,

Please try to comment the line <meta name="viewport" content="user-scalable=0,<?php if(etheme_get_option('responsive')): ?>width=device-width, initial-scale=1, maximum-scale=2.0<?php else: ?>width=1200<?php endif; ?>"/> in the file wp-content/themes/classico/framework/templates/header.php.

Best regards,
Jack Richardson.

#103466 Copied

alice

Participant

December 9, 2015 at 10:54

Hello Jack,

The code was allready in the header.php file. I have modify the code with this one:

<meta name="viewport" content="user-scalable=yes,<?php if(etheme_get_option('responsive')): ?>width=device-width, initial-scale=1, minimum-scale=0.1, maximum-scale=10.0<?php else: ?>width=1200<?php endif; ?>"/>

Now it works ! I can zoom my website from mobile device ! Thanks !

Can I have a code also for the issue about the text size ?

Best,

Alice

#103475 Copied

alice

Participant

December 9, 2015 at 12:58

Also how can I have this : https://www.8theme.com/demo/woopress/boxed/?page_id=9

Instead of this : http://www.ladebraillee.com/checkout/

Shipping address block under and not nearby billing details.

Thanks,

Alice

#103498 Copied
Jack Richardson

Support staff

December 9, 2015 at 14:36
Hello,

Please add this code in Theme Options > Styling > Custom CSS > Custom CSS for desktop:
```
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    width: 100%;
}
```
I’ve checked text on “Terms and Conditions” page and haven’t seen any issues:
http://storage3.static.itmages.com/i/15/1209/h_1449668180_2514118_f0a1569d17.png

Best regards,
Jack Richardson.
#103514 Copied
alice

Participant

December 9, 2015 at 17:50

Hello Jack,

thanks for the code is working well!

Actually the way you see my terms & condition is not the way I what it to show up on mobile.

I show you :

THIS IS WHAT I WANT : http://www.alicerosignoli.it/wp-content/uploads/2013/01/Screenshot_2015-12-07-15-26-07.png

THIS IS WHAT I DONT WANT: http://www.alicerosignoli.it/wp-content/uploads/2013/01/Screenshot_2015-12-07-15-24-50.png

Best,

Alice

#103578 Copied

Eva Kemp

Support staff

December 10, 2015 at 13:53

Hello,

We’ve also disabled responsive in Visual Composer settings https://gyazo.com/cac817720819bdc4cf92d0717dc41e05 .
Please check your site in mobile device now.

Regards,
Eva Kemp.

#103755 Copied
Tagged: problems, responsive, templates, text, woocommerce, wordpress
1 2

Viewing 30 results - 1 through 30 (of 42 total)