Header adjustment

Sparkling
1

Greetings!

Im kind a new one with wordpress and website building.
So I would like to ask about header logo and nav bar adjustment. I attached file with my needs.
I tried to make navbar in full width of page so it could be bigger but it makes second row is it possible to make it in one row.
And adjust logo to left, approximately where I drawed.

Wishing best.

2

Hi there,
I hope you’re doing well.

This can be done with the help of some Custom CSS. Kindly provide me with a link to a page with this so that I may be able to write up some CSS that should work for your setup.

Looking forward to your reply :slight_smile:

Best Regards,
Support.

3

Hey, thank you for reply.
At this moment site is offline, I’m editing it in localhost mode.
Is there any way else I can help you to give information you need?

Wishing best.

4

You can try achieving this 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 -> Additional CSS


@media (min-width: 768px){
.navbar-header {
    max-width: 20%;
}
}
5

Thanks for reply, Movin!

I attached how my header looks after adding CSS code you gave me.
Is there any way I can put logo in one line with menu bar and menu bar will stay with bigger font size and in one line?
I have already added few CSS codes:
.navbar-collapse.navbar-ex1-collapse.collapse { clear: both; }
.navbar-header { padding: 10px; }
.navbar-default .navbar-nav > li > a { font-size: 18px; font-style: bold; }

Wiishing best.

6

Try changing my shared CSS code and also your shared code as following.

@media (min-width: 768px){
.navbar-header {
    max-width: 20%;
}
.navbar-collapse.navbar-ex1-collapse.collapse {
    max-width: 80%;
    float: left;
    }
}

.navbar-header { padding: 10px; }
.navbar-default .navbar-nav > li > a { font-size: 18px; font-style: bold; }