How to move logo to right in the header area?

How to move logo to right in the header area?

Hi,

Please post a link to your website, so I can give you a working solution.

Kind Regards,
Csaba

Hi Naira,

Please post a link to your website and let me know if you want to move your logo to the right of the navigation menu, or just to the right area of the empty space.

Kind Regards,
Csaba

Hi,

Ok, then just please reply my previous question:

let me know if you want to move your logo to the right of the navigation menu, or just to the right area of the empty space

Kind Regards,
Csaba

Hi,

You can align the site-title to the right, to the blank space, not sure if it will be at the complete right side as I will have to inspect your website to do that, but this will align the title / logo to right:

.site-title { text-align: right; }

You can use Elementor Page Builder instead of SiteOrigin.

Kind Regards,
Csaba

Dear Csaba,

I have just tried, but no any changes.
What, if necessary to mention precise destination, for instance “20 px right”?

Here you are all CSS codes of my site:

.site-header {
background-color:rgba(95,138,205,0.8) !important;}
.header-wrap .container {
width: 98% !important;}
.site-logo {
max-height: 50px;
}
.site-header {
padding-top: 10px;
padding-bottom: 10px;
}

Hi,

Please try this Custom CSS instead and if it won’t work, then please upload your site to a test server and a post a link to it here, so I can give you a working solution:

.site-logo {
    float: right !important;
}

Please let me know how it works.

Kind Regards,
Csaba

Hi,

1.If you just want to move your logo by 20px to right you can use this Custom CSS instead:

.site-logo {
    margin-left: 20px !important;
}

2.The search function may require custom coding from your part, the language flags can be added as images or icons by using Custom Links in wp-admin > Appearance > Menus and as Menu item Label you can add an image link like this:

<img src="your-flag-image.jpg" alt="">

Kind Regards,
Csaba