Centre align logo in header

Sparkling
1

can you help with aligning my logo centrally in the header on the smaller media sizes? If you make the page narrower and the menu goes down a line, the logo isn’t in centre.

It is also off on mobile view too (dropping down a line, rather than being along the menu)

Website is jdgsport.com

2

Hi @jdgmedia,

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

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

@media ( max-width: 400px ){
#logo {
float: left;
max-width: 70%;
}
}

Best Regards,
Movin

3

Perfect.

Can you help with the other problem? I have screenshot attached. You can replicate this by resizing your browser window.

4

Use below custom CSS code to centre align logo to resolve that issue.

@media (min-width: 768px) and (max-width: 992px) {
.navbar-header {
float: none;
display: table;
margin: 0 auto;
}
}

5

Thanks, sorted!

6

You are most welcome, I’m glad I was able to help you in this matter. There is no obligation but by your kind words I wonder if I could trouble you to leave a review based on this experience here:

I’d really appreciate that. :slight_smile:

And if i can be of any further assistance please don’t hesitate to ask.