How do you center the search bar on Desktop

Hi @catvanto ! Do you plan to add any other footer widgets?

The simplest way to centre your search box would be to add another widget to the left of it, like this:

If you had no plans to add other widgets, you can “fake” it by adding a Spacer block (which is invisible on the front end) instead of a more visible widget.

Let me know how it goes!

Hi @zoonini, thank you so much! That’s a genius idea.

I did try to put a spacer block to the left of it, but it pushed the search bar to the right (instead of to the center). I tried to put the search bar between two spacer blocks, but I wasn’t able to drag and drop the second spacer block to the right – it kept going underneath. I was wondering if you had any other suggestions? I do like the concept of your idea, it was something that I hadn’t thought of.

Hi there, to the vendors contacting us, offering to resolve the problem for a fee… I appreciate the hustle, I really do. ?? But as gently and respectfully as possible, I ask you – please stop. ?? I do wish you the best for your business, though, and hope others take you up on your pitches. Thank you.

@catvanto re: “vendors contacting us” – you’re being very gracious about it, but if you’re getting unsolicited offers due to your thread here, please do let me know, as that’s a violation of forum guidelines, and I’d like to look into it further.

I did try to put a spacer block to the left of it, but it pushed the search bar to the right (instead of to the center). I tried to put the search bar between two spacer blocks, but I wasn’t able to drag and drop the second spacer block to the right – it kept going underneath.

Hmm, it sounds like your browser window might be narrower than mine.

Another way to achieve this – if you don’t plan to have any other items in the footer alongside the search bar – would be through custom CSS:

/* Widget area - make a single column, center search box */
.widget-area {
  grid-template-columns: none;
}
.widget-area .widget_search {
  margin: 0 auto;
}

You can add this to the CSS editor at Appearance > Customize > Additional CSS.

Let me know how it goes!

Hi @zoonini, thank you so much!!! You’re a legend!!! It worked!!!

We haven’t had anyone approach us this week about fixing the search bar. Hopefully it was a one-off and they won’t message again.

But there’s now some cold calls/spam… I don’t know whether it’s related to this post but we’ve never had it prior to posting here. ??</img> A “Joseph Smith” from freeaiwriting.com is trying to promote some AI blog writing tool. I don’t want to be impolite to anyone or cause any waves, and I do appreciate the hustle, but it’s not stuff that we’re really interested in. ?????♀?</img>

Hi @zoonini, thank you so much!!! You’re a legend!!! It worked!!!

Great!

We haven’t had anyone approach us this week about fixing the search bar. Hopefully it was a one-off and they won’t message again.

I hope so too! It is quite common (though annoying!) to receive spam/cold emails when you have an Internet presence, so the timing may be coincidental.

Because your URL was only added in the special field that’s visible when you’re logged into a www.remarpro.com account here in the forum, it’s hard to know whether they found your site via your post here. Regardless, hopefully it won’t be a common occurrence!

I’ll mark this thread as resolved, but feel free to start a new one if you need help with something else. Cheers!