• Closed
• Valerie

  Spectator

  April 7, 2019 at 11:06 am #43421

  

  Hi, I was checking my website on different screen sizes: tablet and smartphone, and I noticed some problems.

  1/ First, with the bootstrap slider of the front page. In the tablet and smartphone sizes, the image is centered, so we can’t see the text properly, plus this text miss some part: only the title is present. Is it possible to fix this or to make a different slider for these two sizes?

  2/ Then, the padding in the content section of these 2 screen sizes is too large. What is the class to reduce it?

  3/ Same with the margins in the content section, which are too big. How to reduce them?

  4/ In the “Librairie” page of the menu, which is the first menu item, the images are too small, only in the smartphone size. How to enlarge them?

  5/ Still in the “Librairie” page, I’d like the text to go under the image only for the smartphone size. Maybe it would solve the image size problem.

  6/ In the sub-pages, so sub-items of “Librairie”, the yellow and green buttons are too small. Can you tell me how to enlarge them?

  7/ Still in the sub-items of “Librairie”, I’d like the text of the content to be smaller for the smartphone size. What is the class to do that?

  8/ Then, a problems not related to the screen size: I am using your tab shortcode, and I would like to know how to justify the text in them and how to make it smaller in them for the smartphone size.

  9/ And finally, how to increase the padding in the widgets?

  Hope it’s ok if I am asking all these questions in one shot!
  Thank you!

Valerie
Spectator
Posts: 40
April 7, 2019 at 1:01 pm #43422

P.S: The buttons are images, not css.
Roman
Spectator
Posts: 3147
April 7, 2019 at 9:21 pm #43425

please provide the website URL to see the issues. Thanks
Valerie
Spectator
Posts: 40
April 8, 2019 at 10:49 am #43428

Here it is:
https://www.nouvellepensee.com
Valerie
Spectator
Posts: 40
April 8, 2019 at 6:24 pm #43429

Here are the other pages:
https://www.nouvellepensee.com/librairie/
https://www.nouvellepensee.com/librairie/le-secret-du-succes-1908/
Valerie
Spectator
Posts: 40
April 9, 2019 at 10:16 am #43436

This reply has been marked as private.
Roman
Spectator
Posts: 3147
April 10, 2019 at 10:59 am #43439

Really sorry for the delay. I have did a quick look and I see this plugin – Image Sharer – makes the issue with the responsiveness of the website. Try to deactivate it and let me know. Thanks
Valerie
Spectator
Posts: 40
April 10, 2019 at 10:00 pm #43445

Hi,
I wrote back earlier, but my message is not showing after I click on the Submit button, so I don’t know if you got it or not.
I was saying that I don’t have the Image sharer plugin, but I have one that shares images and I deactivated it and the problem is still there.
Also, do you think the padding and margin problem could be related to a plugin?
Roman
Spectator
Posts: 3147
April 11, 2019 at 9:42 am #43447

I recommend to disable plugin one by one. If you use a cache plugin, please also clear its cache.
Valerie
Spectator
Posts: 40
April 11, 2019 at 2:26 pm #43448

Hi, I deactivated all the plugins, except the redux one and it is still the same. I also cleared the cache. Any idea?
Roman
Spectator
Posts: 3147
April 11, 2019 at 6:35 pm #43449

Clear your browser’s cache as well. For me your website in mobile looks fine now

The topic Need css for tablet and screen sizes + padding in widgets + justify text in tabs is closed to new replies