Hero block responsiveness on mobile

  • Resolved dorywe

    (@dorywe)


    2 years, 5 months ago

    To whom it may concern,

    I am having trouble making the hero block at the top of the home page responsive on mobile. I would like the text and size of the header within the hero block (starts with “A picture tells..”) to get smaller as the screen size becomes smaller. I have tried several attempts at adding additional CSS, but am struggling to successfully adjust the font size to be smaller on mobile. If it is not possible to make the text responsive, I would be interested in hiding the entire hero block on mobile. I am unable to see an option to hide it, however, within the Gutenberg editor.

    Thank you very much for your time and help with this, I really appreciate it and wish you the best,

    Dory

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter dorywe

    (@dorywe)

    Update: when I change the pixel size of the text in the header to 30px, it becomes responsive (gets smaller and has similar proportions relative to rest of image on mobile). Above this value, the text seems to stay the same size on mobile and looks out of proportion. There may be a bug in which the text does not become responsive above a specific pixel size. Thank you for your time and help.

    Moderator Kathryn Presner

    (@zoonini)

    Hi @dorywe,

    I am having trouble making the hero block at the top of the home page responsive on mobile.

    Looks like you’re using GoDaddy’s CoBlocks Hero block, right? That’s not something built into either WordPress core or the Gutenberg plugin, so you’ll need to report the issue to the CoBlocks plugin’s developers directly. Their issue repository is over here:

    https://github.com/godaddy-wordpress/coblocks/issues

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hero block responsiveness on mobile’ is closed to new replies.

Tags