row-wise number of buttons

Hi Iamarghya,

Here’s a CSS you may try:

@media (min-width: 1025px) {
    .gb-button-wrapper.gb-button-wrapper-65bcedcc > * {
        width: 49.5%;
        margin: 2px 0;
        flex: unset;
    }

    .gb-button-wrapper.gb-button-wrapper-65bcedcc {
        justify-content: space-between;
    }
}

Hope this helps!

Check once I just set the width to 32 percent so 3 buttons can be seen.

That works as well. You can modify the values to your preference.

Nice Thank you again...

You’re welcome!

Don't want to create a different topic just asking is it possible to add a search icon before the 'Search Here' Placeholder in my search bar.

You can try adding 🔍 for instance to the placeholder. Reference: https://stackoverflow.com/questions/22202890/what-is-the-html-entity-for-a-search-icon#:~:text=Use-,%26%23128269%3B,-for%20%F0%9F%94%8D%20and%20%26%23128270

Couldn't understand how to put it before the placeholder...

If you add the HTML code directly to the Placeholder in the Search Block, it would like this: https://share.getcloudapp.com/9ZuomZmB

Another alternative it to add a Headline Block within the Container Block where the Search Block is. Then add an icon to it, and through custom CSS, set its position to absolute. Then position it accordingly.

For instance, if your Headline Block has a class of my-search-icon, you can add this CSS:

.gb-headline.my-search-icon {
    position: absolute;
    top: 50%;
    left: 10px;
    font-size: 30px;
    transform: translateY(-50%);
}

.gb-container.gb-container-f4961dca > .gb-inside-container {
    position: relative;
}

.gb-container.gb-container-f4961dca input#wp-block-search__input-1 {
    padding-left: 50px;
}

The result would be something like this: https://share.getcloudapp.com/L1uXR1bY

Choose a search icon through the Block Settings.

Hope this helps!

Perfect...Thanks

You’re welcome Iamarghya!