Menu under logo

Hello!
Is it possible to position the logo on top of the menu? That is what I want to achieve: http://www.gouvernement.fr/en/news.
Thank you!

Xeni

Hi Xeni,

I hope you are well today and thank you for your question.

You can try positioning the logo on top of the menu by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

.navbar-collapse.navbar-ex1-collapse.collapse {
    clear: both;
}

Best Regards,
Movin

Dear Movin,
thank you for your tip. It works! Now I have to stretch the menu across the entire page. I have tried to change the properties of .navbar-collapse.navbar-ex1-collapse.collapse but it did not help.
Could you please tell how can i do it?
Many thanks in advance!
Xeni

thank you for your tip. It works! Now I have to stretch the menu across the entire page. I have tried to change the properties of .navbar-collapse.navbar-ex1-collapse.collapse but it did not help. Could you please tell how can i do it?

Try using the below CSS code to achieve this.


.navbar.navbar-default > .container {
    width: 100%;
}

Thank you! I have tried but I still have the gaps. I have attached a screenshort.

To remove that gap please try changing above code as following.

.navbar.navbar-default > .container {
    width: 100%;
    padding: 0;
}

Dear Movin,

thank you so much. Solved!

Xeni

You are most welcome here :slight_smile: