[Laura]

After toying around with some more design ideas, I’d like to move my site logo so that it appears to left and in line with the main menu. Is this possible? How do I accomplish this?

[Pratik]

Hi @Laura,

Can you please post in your site url?

Regards,
Pratik

[Laura]

So, sorry. The site is: http://www.handwrittenlegacies.com

[Pratik]

Hi @baltonlaura,

Try following code in Appearance=> Customize=> Additional CSS box:

.main-navigation {
    width: 85%;
}

.cart-contents {
   width: 15%;
}

#masthead > div {
    float: left;
}

[Laura]

This moved the site logo to the left, but did not make it in line with the menu bar. I need it to appear directly to the left of the menu bar (next to the first selection “Home”).

Thanks,
Laura

[Pratik]

Hi @Laura,

It is due to the Logo image, Your image has a lot of white in top and botton, please reduce the whites in images and it will work.

Regards,
Pratik

[Laura]

I resized my logo image per your recommendation and attempted to add the code again. Your solution only partially addresses what I had in mind as it only views properly on a full screen and looks absolutely terrible in mobile format.

Since there seems to be no easy solution I guess I’ll have to stick with it centered and above the menu bar. Thanks for trying.

[Pratik]

Hi @Laura,

Mobile devices can be a headache. Let me know if there are any other issues.

Regards,
Pratik

[Author]

Posts