Hi,
This is my website: https://edubit.ir/
How can I align the hamburger menu icon to the right?
https://s34.picofile.com/file/8486617218/Screenshot_2025_08_25_143509.png
And how can I make the search results not show inside the header, but display over it instead?
https://s34.picofile.com/file/8486617226/Screenshot_2025_08_25_152822.png
Also, I don’t want the Cart and My Account pages to appear in the search results.
Thanks a lot! You really helped me a lot, I truly appreciate it.
Hi,
1. This is my website : edubit.ir
2. How can I align the hamburger menu icon to the right?
https://s34.picofile.com/file/8486617218/Screenshot_2025_08_25_143509.png
3. And how can I make the search results not show inside the header, but display over it instead?
https://s34.picofile.com/file/8486617226/Screenshot_2025_08_25_152822.png
Also, I don’t want the Cart and My Account pages to appear in the search results.
Thanks a lot! You really helped me a lot, I truly appreciate it.
Hi,
2. What you need to do is to change the mobile menu icon – https://i.imgur.com/SHimyDh.png https://i.imgur.com/yQtfClG.png
3. The live search on the element is a bit different; it can be used to display the results in a dropdown element – https://i.imgur.com/j8jVsGG.png or under the element input, to make it to have the element input and display results as you want, you ned to use this custom css:
.td-header-desktop-wrap .tdb_header_search {
top: -30px;
position: absolute;
z-index: 999;
}
Personally, I will recommend the option from the theme.
Thank you!
Hi,
1. What I mean is that when I try to perform a search in this element, the header expands and the search results appear inside the header, instead of showing in a dropdown.
Why is this issue happening? I want the live search results form to drop down on the page, just like the WooCommerce search element, not inside the header.
2. I also found the reason for the empty space: when the circular “back to top” button is used, it doesn’t appear over the footer, and that’s why this empty space is created.
What should I do to make it appear over the footer, just like the square “back to top” button?
Thank you!
Hi,
1. This is how it is supposed to work. Normally, the live search uses the icon, and when it is clicked, the search input is displayed, and the results are displayed. When it’s used to display the form, then the live results are no longer provided in absolute position because the input field is no longer in absolute position and the results are displayed inside the header, not over it. If you want to have the live search results over the content, please add an inner row above the search element, then drag the search in the inner ro column – https://i.imgur.com/c7ehXTw.png https://i.imgur.com/oSthP8j.png then you need to set the inner column as absolute position – https://i.imgur.com/JfRgEHG.png. After that it may be need to add some negative margin top for the inner column, I think around -30 https://i.imgur.com/h8gZ3bk.png then the results will be https://i.imgur.com/BfS9tK6.png
2. Unfortunately, this is how the back to top style 2 was made, only back to top option 1 will go over the footer.
To set the login button to the left, please use this custom css:
.td_woo_menu_login .tdw-wml-guest .tdw-wml-menu-content {
flex-direction: row-reverse;
}
Thank you!