- This topic has 25 replies, 2 voices, and was last updated 5 years ago by
.
You must be logged in to create new topic or reply to the topic. Click To Login
- Posts
I hope you are well today and thank you for your question.
Where do you want to display it exactly?
I visited your site and displays in the header for me as shown in the attached screenshot.
If you want to display it at the end of the menu then please display it in the menu and I will help you to reposition it.
Best regards,
Ivory Search SupportAs said above, If you want to display it at the end of the menu then please display it on the menu and I will help you to reposition it.
You can display it on the menu and remove it from the header as described in the below pages.
You can achieve this by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Ivory Search -> Settings -> Settings
li.is-menu { display: inline-block; vertical-align: text-bottom; } li.is-menu .search-form input[type="search"] { padding-top: 5px; padding-bottom: 5px; width: 200px; float: left; } li.is-menu input.search-form-submit { margin-top: 0; } nav#genesis-nav-primary { width: auto; }Thank you so much for your help! That did work! I just need to move it over to the right a little more. Where would I add the code in for this? I tried adding this to the CSS code in the Ivory settings, but it did not seem to work.
form .is-link-container div {
position: absolute;
width: 200px;
bottom: -25px;
right: 25px;
z-index: 99999;
height: auto;
line-height: 14px;
padding: 10px 15px;
}Thank you so much for all of your help.
Thank you that did work for changing the color. I still need to mover the search bar over to right side of the header.
This code did not work:
li.is-menu {
margin-left: 25px;
}Additionally, the button is not aligned with the bottom of the search input field. Is there a way to do this?
I still need to mover the search bar over to right side of the header.
This code did not work:
li.is-menu {
margin-left: 25px;
}I can see that code is working on your site.
Just increase the value 25 in the above code to move it more to the right side of the header.
Additionally, the button is not aligned with the bottom of the search input field. Is there a way to do this?
Please use below CSS code to align the button.
li.is-menu input.search-form-submit { padding: 13px 20px; }I tried to access your shared site to troubleshoot it but it is just displaying the message “Get Ready… Something Really Cool Is Coming Soon”.
Would you mind if I log in to your site and access it? If this is ok then could you please temporary share me your site log in details privately by checking the option “Set as private reply” when replying to this topic?
Hello, it is not my cache. I even had someone in a different city on a different network and computer view this site and the search bar is not over all the way to the right. I am not sure how you got it that way in your picture, but that is not how it is.
Can you please provide the code needed to move it over.
Thank you,
Jaime
You must be logged in to create new topic or reply to the topic. Click To Login