Edit mobile version

  • Author
    Posts
  • #161634

    nestorvr18
    Member

    Hi Taras,

    I would like to ask you about the mobile version. How can I edit it?
    For example, I would like the items within a column to appear in one line on the mobile version instead of vertically.
    Egg.: https://nestorvr.com/ (the “Servicios” column or the last column of the page)

    How can I change those details?

    Thank you!

    Kind regards,

    The blog I need help with is nestorvr.com.

    #161646

    tarasdashkevych
    Theme Author

    Hello Nestor,

    Columns automatically changes its layout to one column per row in mobile views due to a limited amount of space. It’s done by the WordPress core when using the Columns block.

    You can add a custom class to your Columns block, for example, display-one-line, and then add this custom CSS to your site:

    
    .wp-block-columns.display-one-line {
      flex-wrap: nowrap;
    }
    
    .wp-block-columns.display-one-line > * {
      margin-top: 0;
    }
    
    .wp-block-columns.display-one-line > *:not(:first-child) {
      margin-left: 2rem;
    }
    

    Hope this helps. Please let me know if you have any additional questions.

    Kind regards,
    Taras

    #161664

    nestorvr18
    Member

    It totally helped, thank you so much Taras!

    Kind regards

    #161665

    nestorvr18
    Member

    I’ll close the topic, thank you again!

    #161722

    tarasdashkevych
    Theme Author

    You are welcome, Nestor!

    Kind regards,
    Taras

The topic ‘Edit mobile version’ is closed to new replies.