How to align the main menu with Site title/tagline?

Sparkling
1

Hi, Following instructions on this site I have installed the child theme in order to include a tagline for my site title, and I have also increased the font size of the title itself. That all looks great now, except for the fact that the menu is now not aligned with the title/tagline - it’s off to the right. Ideally, I would like the first menu header - ‘Home’ - to align with the Title etc. Is that possible?

2

Hi @svennis2,

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

We can try achieving this developing custom CSS code.

Could you please share me your site URL where it’s displaying so that i can help you to achieve it?

Best Regards,
Movin

3

Hi Movin,

Thanks for getting back to me. The URL is https://technicaltrader.uk/

Looking forward to hearing back from you!

Kind regards,

Bill

4

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

#masthead .container {
    width: 100%;
}
#page #logo .site-name a {
    font-size: 35px;
}

#page p.site-description {
    font-size: 16px;
}
5

Thanks Movin - but all that did was move the site title and tagline slightly to the left of the page and left the menu where it was, justified to the right of the page. What I was hoping for was to have the menu aligned neatly below the Site Title and tagline, so they are all starting at the same point on the page, i.e. at the left-hand side.

Regards,

Bill

6

To achieve that try using below CSS code.

.collapse.navbar-collapse.navbar-ex1-collapse {
    clear: both;
    float: left;
    padding-left: 0;
}
7

Bingo! Thanks Movin, much appreciated.
Best regards,
Bill

8

You are most welcome here :slight_smile: