Trouble with mobile view

  • Resolved michoubonn

    (@michoubonn)


    3 years ago

    Here I am again and really hoping for help. I chucked the Elementor plugin as it did not work with the drop caps and could not handle some of the things I wanted. Now I have to recreate all my pages and posts because Gutenberg cannot read some of the elements Elementor put in. It is quite horrible.
    But the biggest issue is the theme because it is not really responsive when it comes to text and images the text wraps around.
    Image is right, text flows left with a drop cap. On mobile the image should appear on top of the text but it still tries to keep in contact with the text. Don’t know how to explain it really. Next to the image is vertical row of letters and the text beneath misses those letters. It not only looks terrible but is also not readable. What can I do to make the image go on top when visiting the site with a mobile?

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Abhishek

    (@abhikr781)

    3 years ago

    Hello,

    I got your issue, Thank you for explaining it.

    ​Please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

    @media screen and (max-width: 767px) {
.wp-block-image .alignright {
    float: unset;
}
}
    Thread Starter michoubonn

    (@michoubonn)

    3 years ago

    First of all: Sorry because I forgot I already posted this and did it again this morning.

    I tried your solution but this doesn’t change the way blog posts and pages are displayed. There is a column of letters running on the left or right side of the picture. Looks like this:
    an
    ks i
    h
    nme
    (and so on)
    It does it on all the mobile phones I could check it on.

    Abhishek

    (@abhikr781)

    3 years ago

    Please replace the above code with this one and check:

    @media screen and (max-width: 767px) {
.wp-block-image .alignright {
    float: unset !important;
}
}
    Thread Starter michoubonn

    (@michoubonn)

    3 years ago

    Still no improvement 🙁

    Abhishek

    (@abhikr781)

    3 years ago

    But added code not reflect here. Have you removed it?
    Please keep that code pasted and publish it and let me check.

    Thread Starter michoubonn

    (@michoubonn)

    3 years ago

    Should be there. Checked it.
    The code before was damaged, my fault. Now it seems to work 🙂 Should I try the first one again? Would that be better?
    Anyway,thanks a lot for your patience and help 🙂

    Thread Starter michoubonn

    (@michoubonn)

    3 years ago

    Works like a charm

    Abhishek

    (@abhikr781)

    3 years ago

    Glad to hear that solution worked for you!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Trouble with mobile view’ is closed to new replies.