Responsive Breakpoints not optimal

  • Resolved ulim

    (@ulim)


    2 years ago

    The first image in the article, which is centered and has no text flow around it, works well in the various screen widths, but the second image (the jar with the lion) has text flow to the right. It looks good in wide screen widths and also in very narrow screen widths, but in-between the text flow is bad.

    Sometimes, when the text column is very narrow, there may be only one letter in a row and the next letter of a word in the next row. This is not very legible, perhaps the breakpoints need to be changed so that the text goes under the image, if there isn’t enough room to its right.

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

Viewing 5 replies - 16 through 20 (of 20 total)
  • Theme Author creativethemeshq

    (@creativethemeshq)

    Hi @ulim,

    Yes, we discussed with Michal.
    Actually you are interpreting things a little bit in a wrong way.

    This is not a bug actually, and we already explained that in past we had a small snippet of CSS that was aligning float left/right blocks to center if the viewport screen was smaller than 690px.

    But after some changes in Gutenberg core we decided to remove that CSS from the theme and let those blocks behave naturally, the same way they behave in other themes – without our custom CSS, because this could lead to some problems when you build some more advanced layouts.

    Unfortunately we won’t add back that CSS but you can use that snippet without any issues.

    Hope this makes sense.

    Let me know in case you will have any other questions.

    Have a good day!

    Thread Starter ulim

    (@ulim)

    @creativethemeshq ,
    thanks for your reply, although I must say I don’t really know what’s going on here.

    My understanding is that my problem is not recognized as a bug by either the Gutenberg developers or the Blocksy team and thus won’t be fixed, but I can work around it with the custom CSS you gave me.

    That’s ok, I guess, although I find it weird that no common ground could be established.

    Theme Author creativethemeshq

    (@creativethemeshq)

    Hello @ulim,

    Let me explain a little bit more detailed.

    In past, we where adding some custom CSS to float left/right blocks when the viewport screen was smaller than 690px. This custom CSS was centering the blocks on small devices.

    But, after WordPress released a new update and changed the structure of core blocks a little bit, we had to remove that custom CSS in order to not mess with their CSS code because this was leading to some problems in some certain use cases.

    So, if you still want to have that old flow when left/right blocks are centered on small screen sizes – you simply have to add that custom CSS we gave you and everything will be fine.

    Hope this makes sense.

    Don’t hesitate to ask in case you will have any other questions.

    Cheers!

    Thread Starter ulim

    (@ulim)

    Well, as long as I don’t run into those “other problems” that are caused by the custom CSS, I will be fine ??

    Cheers!

    Theme Author creativethemeshq

    (@creativethemeshq)

    Hey @ulim,
    Yes, everything should be fine.

    Don’t hesitate to open a new thread in case you will have any other questions ??

    Have a good day!

Viewing 5 replies - 16 through 20 (of 20 total)
  • The topic ‘Responsive Breakpoints not optimal’ is closed to new replies.