Return to previous page

Mobile responsive adjustment - by Webacto

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

Webacto

Participant

May 12, 2016 at 14:03

Please, have a look at how my About Donnie section looks in mobile display (vertical orientation)
http://www.schools-ceilidh.com/wp-content/uploads/2016/05/Schermata-05-2457521-alle-14.47.37.png

I need ajust the mobile visualization in 3 point

A. It’s possible give a more natural distribution at the text paragraph?

B. Can the photo be displayed at full-widht screen?

C. Regarding to the CERTIFICACION part, I need order it in 2 lines:
in the first one appears the word CERTIFICATIONS
in the second one appear the two logo, one next tho the other

All this content should appear abow the black ending line, I hope I can clearly explain what I need to built. Unfortunatly the theme is not completly responsive and it’s not easy control these important details. I hope can you help me to ridesing it in a responsive way.

Thanks

Please, contact administrator
for this information.

#125492 Copied

4 Answers
Jack Richardson

Support staff

May 12, 2016 at 15:25
Hello,

The reason is you added custom styles in text editor http://storage1.static.itmages.com/i/16/0512/h_1463062879_1977541_c337209961.jpeg and the same styling is loading for mobile too.
We recommend to add style modifications to custom.css or child style.css using @media attribute. For example,
```
@media (min-width: 1200px) {
 img {
  width: 25%;
}}
```
will load image of width 25% only for desktop variant.
Add custom class and assign styles to it.

Best regards,
Jack Richardson.
#125525 Copied
Webacto

Participant

May 14, 2016 at 16:48

Ok, I need have this web layout and a new one in mobile display.
Can you tips me the following mobile adjuments:

B. Can the photo be displayed at full-widht screen?

C. Regarding to the CERTIFICACION part, I need order it in 2 lines:
in the first one appears the word CERTIFICATIONS
in the second one appear the two logo, one next tho the other

#125796 Copied

Webacto

Participant

May 14, 2016 at 17:24

I’ve tried to insert this code to my child-css

@media (min-width: 1200px) {
img {
width: 25%;
}}

but resize also my laptop visualization. Doesn’t work fine.

Can you give me a customised alternative?

#125799 Copied

Eva Kemp

Support staff

May 16, 2016 at 06:51

Hello,

That code was given to you as an example. You need use your classes you set in the text editor.

Regards,
Eva Kemp.

#125848 Copied
Tagged: adjustment, mobile responsive, seo friendly, themes, woocommerce, wordpress
Viewing 5 results - 1 through 5 (of 5 total)