Cover's info not displaying well on phone

  • Unknown's avatar
    catherinedachtler · Member ·

    Hi,
    The cover block on this page https://back-in-the-saddle.co.uk/art2ride-uk/does not display all the content when it is resized for the phone.

    Can it be corrected?

    Many thanks.

    The blog I need help with is: (visible only to logged in users)

  • kokkieh · Staff ·

    Hi there,

    Looking at your page in the editor, I see a layout grid block containing one column, with another columns block containing three columns inside of that. Nesting colunms inside other columns greatly reduces the ability of your content to automatically adjust to the narrower screen space available on mobile screens. I think that’s at least part of the problem here.

    Can you please check if it improves if you just use the columns block with three columns directly in the cover block, without nesting those in another column inside a layout grid block first?

    Is there a particular reason why you’re nesting blocks like this? There might be a simpler and more efficient way to achieve the same goal.

  • Unknown's avatar
    catherinedachtler · Member ·

    Hi,
    Thanks so much for taking a look.
    I used the grid layout so that the column would display in a narrower format rather than the very wide format that occurs by default. I couldn’t seem to do it any other way.

    I’ve removed the nested grid layout so you can see what I mean but doing this doesn’t make any difference to how it is displayed on the phone.

  • staff-blorbo · Staff ·

    Hm, thanks we’ll look into this!

  • The topic ‘Cover's info not displaying well on phone’ is closed to new replies.