Header Alignment on mobile view

Sparkling
1

Hi Forum,

im using Sparkling Design and it works great on desktop view.
In mobile view my header logo and menu toggle are out of position (should be in same line).

the slider gets overlapped, too.

is there a css code which could fix this problem?

Page: www.schwimmclub-twist.de

2

Ok, solved the overlap problem … now i just need a fix for my logo and menu toggle in same line :slight_smile:

3

hey there

Hope you are having a good day and thank you for your question :slight_smile:

Please add this CSS in appearance - customize - additional CSS

#logo {
display: inline;
}

Thanks!
Colorlib Support Team

4

Hey Noda,

thank you for that simple tip. Worked perfectly.
Is there a chance to align that menu toggle in the middle? …

Found Code i’ve tried, but the toggle didnt change

5

Good morning

You can manipulate it by this custom CSS:

.navbar-default .navbar-toggle {
margin-top: 20px;
}

6

Thank you so much ! Now it looks exactly like i want it

Thread can be closed…

7

thank you :slight_smile:

I will close this case now, Feel free to contact us again if you have other questions

Thanks!