How to move the search bar on the right and the mobile menu button on the left

TheNorba

Hello, I purchased the theme, how can I move the search bar on the right? Can you give me a css rule to do it? After that moving, I also want in the mobile version the menu button on the left. Can you help? Thanks.

Tancredi

Air

Hi there:-)

More details would be useful, like what type of header layout you have choose. Can you show live link to your site?

With kind regards.

TheNorba

Hi! I choose the header variant 2 (logo center). Now the site is not online but if you need i can put online tomorrow. Let me know. Thank you!

Kind regards.

Tancredi

Air

If you wont use woocommerce then this change will not complicate anything :-) So please use this custom CSS:

.header-centered-logo .search-container{
    right: 0px;
    left: auto;
}
@media only screen and (max-width: 1120px) {
    .header-centered-logo .search-container{
        right: 20px;
        left: auto;
    }
}
@media only screen and (max-width: 680px) {
    .header-centered-logo .search-container,
    .header-centered .search-container{
        right: 10px;
        left: auto;
    }
    .menu-opener {
        left: 10px;
    }
}

With kind regards.

TheNorba

Thank you very much! Best regards.

Tancredi