Site logo

Archived topic

Search bar towards left issue

9 replies · Started by Rohith on July 12, 2022

Viewing posts 1–10 of 10

Hi there, the search bar in the home screen is showing in the left side. The alignment is center only but it is showing in the left

Hi Rohith,

It looks like some of the WP blocks' CSS is missing on your site, can you check your WP version?

Make sure it's up to date, it's now on v6.0.1.

If updating WP doesn't work, try disable your cache plugins to test.

Let me know!

I have changed the homepage and now it showing correctly when it is not as the homepage

Can you link me to that page?

Here's it

HI there,

we would need to see it as the homepage to debug the issue - can you change that?

Please check it now

Very odd it has different markup on the homepage, try adding this CSS to fix it:

.wp-block-search.aligncenter {
    text-align: center;
}
.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
    width: auto !important;
}

Can we increase the search bar width a little more?

Remove the CSS i provided above and add this instead:

.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
    width: auto!important;
    display: flex;
    justify-content: center;
}
.wp-block-search.aligncenter .wp-block-search__input {
    flex: 1 1 auto;
    max-width: 400px;
}

Adjust the max-width value to suit.

This archived topic is closed to new replies.