Need help with logo positioning

[Bene]

Hi,

I am very new to magento 2 theming, so please be kind. I need help with the right code for moving the logo from this position

to this position.

the theme is responsive.  I have no idea how to accomplish this. 

thanks in advance!

[vishalsanwar86]

@Bene You can manage position using the CSS. Please let me know your URL and  I will give you proper CSS for set position.

Thanks

Vishal 

[Bene]

Hi,

Thanks for your help. here is the url

BoldandFun

[Bene]

Hi,

Thanks for your help. here is the url

Boldandfun

[vishalsanwar86]

As I see in your website  styles-l.css is having CSS element which is using padding header.page-header .header-wrapper-content > .header.content

padding: 40px 10px 43px; 

If you adjust those padding then your logo position will change accordingly.

Still need help you can ask me or message me.

if issue solved,Click Kudos & Accept as Solution

[Bene]

Hi @vishalsanwar86,

I tried adjusting the padding, it doesn't work.

I also added this code in the default.xml file:

<move element="logo" destination="navigation.sections" before="header-main-menu" />

the logo disappears completely.

what am I doing wrong?

best regards,

Bene

[nisha_jangid]

Hello @Bene

For this issue you can try :

Add move element to default.xml like this -

<move element="logo" destination="store.menu" before="-" />

And also add css for class 'logo' as mentioned below:

<strong class="logo" style="display: block;">
</strong>

Please try this and if its work for you Kudos and accept it as a solution. 

[Bene]

Hi, @nisha_jangid,

Thanks for the help. The logo disappears behind the menu bar and breaks the entire header section. I want the logo on top of the menu bar because its height is more than that of the menu bar. 

thanks!

[vishalsanwar1]

I see you used logo.svg and jquery, may be they provide problem . I sent you PM

[lâm_cảnh]

It still doesn't work. Can it be detailed?