Change Search Bar Position in Zendesk Help Center
How do I change the position of the search bar in my Zendesk Help Center?
To change the position of the search bar in your Zendesk Help Center, you need to modify the HTML and CSS files.
The search bar's HTML code is located in the home_page.hbs file, specifically within the section element with the id #main-content. You can adjust its position by editing this file and making corresponding changes in the style.css file to ensure the styling matches your desired layout.
More related questions
How can I edit the branding of my Zendesk Help Center theme?
You can easily edit the branding of your Zendesk Help Center theme by accessing the Customize design icon in Guide. This allows you to change colors, fonts, logos, favicons, and default images. To start editing, navigate to the Themes page and…
How do I edit the code and assets of my Zendesk Help Center theme?
To edit the code and assets of your Zendesk Help Center theme, you need to access the Edit code option in the theme customization settings. First, go to the Themes page in Guide and select Customize for the theme you want to modify. Then, click on…
How can I link a clickable image to a category in Zendesk Help Center?
To link a clickable image to a category in your Zendesk Help Center, you need to wrap the image tag in an anchor tag with the href attribute pointing to the category URL. Here's a simple example: `<a href=/hc/en-us/categories/{category_id}…
Can I change the shape of the search bar in Zendesk Help Center?
Yes, you can change the shape of the search bar in your Zendesk Help Center by adjusting the CSS. To do this, edit the style.css file in your help center customization section. Look for the .search input[type="search"] selector and modify the…
How can I add a link to the top bar of my Zendesk Help Center?
To add a link to the top bar of your Zendesk Help Center, you need to edit the HTML and possibly the CSS of your theme. Locate the file that contains the top bar's HTML structure, which is often in the header.hbs or a similar file. Insert your link…
Is it possible to have different templates for each brand in Zendesk?
Yes, each brand in Zendesk can have its own unique template, and changes to one brand's template won't affect others, even if they use the same base template like Copenhagen. This allows you to customize each brand's Help Center to meet specific…
Interested indeflectingover 70% of your Zendesk support tickets?
Zendesk Support Tickets
Zendesk Messaging (live chat)
Join1,000+ companies reducing their support costs and freeing up support agents for more important work
“We needed an AI agent integrated within our current tools. My AskAI was the only solution that wasn't going to disrupt our operations.”
Zeffy
“At the end of last year I was given the challenge - how can we provide the same or better service, without hiring anyone?”
Zinc
“My AskAI blew everybody else out of the water. It made the selection process very easy for us.”
Customer.io($50M+ ARR)
“It now resolves 71% of queries (over 35,000 every month), meaning more time solving complex issues and improving UX.”
Freecash
“We needed an AI agent integrated within our current tools. My AskAI was the only solution that wasn't going to disrupt our operations.”
Zeffy
“At the end of last year I was given the challenge - how can we provide the same or better service, without hiring anyone?”
Zinc
“My AskAI blew everybody else out of the water. It made the selection process very easy for us.”
Customer.io($50M+ ARR)
“It now resolves 71% of queries (over 35,000 every month), meaning more time solving complex issues and improving UX.”
Freecash
Reduce support costs.Spend more time on customer success.
