[Resolved] Search box customization mobile

Home Forums Support [Resolved] Search box customization mobile

Home Forums Support Search box customization mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1660077
    Manuela

    Hello,

    On mobile, the Search button appears right underneath the Search box. I would like a small space to be between the search box and the search button. Could you help with that?

    Thank you,

    #1660267
    David
    Staff
    Customer Support

    Hi there,

    would it be better to have the Search Field and Button stacked on desktop and mobile – so it matches the Subscribe form ? It will make it easier to maintain its responsive behaviour. Let me know.

    #1660660
    Manuela

    Hi,

    Yes, I think that would be better.

    #1660984
    David
    Staff
    Customer Support

    Try this CSS:

    .wp-block-search .wp-block-search__input,
    .wp-block-search .wp-block-search__button {
      flex: 1 0 100%;
        max-width: unset;
      margin-left: 0;
    }
    .wp-block-search .wp-block-search__input {
      margin-bottom: 10px;
    }

    You have some empty container blocks above it inside the same column That need to be removed. Then you just need to add some container padding to match the subscribe column.

    #1661862
    Manuela

    Hello,

    Great support as always!

    Kind regards,

    #1661916
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.