• Hi All, I am designing a website, and the footer has logos/images which the company is certified to. On the website I have kept the images on bottom right at the footer. On mobile I want the logos on the left and stacked neatly. But when I see it on mobile, the logos are not stacked and not arranged to the left. I am using theme Twenty Twenty-Five, and Gutenberg editor only. No plugins. Any advice on how to solve this? Thanks in advance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator threadi

    (@threadi)

    Without a link to the website, it’s difficult to reproduce. It may have something to do with the context in which the logos are displayed – in a group or on their own. I would recommend contacting the support forum for the theme you are using: https://ww.wp.xz.cn/support/theme/twentytwentyfive/

    • This reply was modified 8 months, 3 weeks ago by threadi.

    I think the block editor is great, but there are some shortcomings.

    One of them is changing configurations across breakpoints. You generally don’t get a lot of flexibility, but stacking is built in via the columns block. Set up your logos as columns in a columns block and check the stack on mobile option. That should take care of the row->columns problem

    The right to left is not something I have generally seen supported unless I am missing a feature. I have been able to solve this by using a style variation – in this case you’d create one for the columns block to have the stacking enabled as well.

    This does require a bit of knowledge of coding and some way of including a code snip in the theme (PHP and possibly some CSS). This is an article on creating block style variations you can reference, and honestly ChatGPT can probably provide the code snippet for you since this is not an overly difficult ask. Ask it to create a style variation for the columns block that changes the alignment from the end (right) to start (left) on mobile and it’ll probably give you exactly what you need.

    To add it to your theme you can use a code snippet plugin that allows for PHP (likely easiest) or edit the theme file yourself if you are comfortable (likely more difficult).

    Just be warned that editing theme files opens the possibility of losing your code on an update, so a child theme might be a more future-proof option but adds a little more complexity to this

    Thread Starter LS321

    (@lsingh321)

    Thanks Threadi and BVBaked.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Responsive Website’ is closed to new replies.