Archived topic

How to move my logo in the heading to left

5 replies · Started by Margot on May 1, 2021

Viewing posts 1–6 of 6

May 1, 2021 at 11:29 pm #1759880

Hello there,

I have a split layout on my website. I would like to stop this layout and put my logo left in the heading. I deleted the "Item separator" in my main menu but the logo stand in the middle with menu above itself. How can I move it in order to put it left, before the main menu ? Thanks bu advance,

Margot

May 2, 2021 at 9:49 am #1760671

Hi Margot,

You have this CSS in your site to make the logo center, could you remove it to see if it works?
https://www.screencast.com/t/DFWrJspOSzqG

May 2, 2021 at 10:43 am #1760756

Hello Ying,

Thank you very much, it worked ! But now my logo is almost sticked to my menu (accueil page). How can I move my menu a little from my logo in the heading ?

Thank you by advance,

Margot

May 2, 2021 at 4:27 pm #1760982

Hi there,

if you want to align the menu to the right then add this CSS:

.main-navigation:not(.slideout-navigation):not(.mobile-header-navigation) .main-nav > ul {
    justify-content: flex-end;
}

Or if you just want to shift it over a little:

.main-navigation:not(.slideout-navigation):not(.mobile-header-navigation) .main-nav > ul {
    margin-left: 40px;
}

May 3, 2021 at 1:20 pm #1762631

Thank you very much! Have a nice day!

May 4, 2021 at 2:16 am #1763256

You're welcome

This archived topic is closed to new replies.

Start building better websites today.