Menu navigation on two lines

Hi can someone help please as the menu on my website is now on two line and my footer is moved to the idle of the page.

Many thanks

http://www.goldeliteteachers.com/

Hello there,

It happens as you have longer menu items and it goes beyond the default maximum width of the menu container. The solution is you’ll need to enlarge the menu container and narrow the site logo container. It can be done by adding this CSS code into Appearance > Customize > Additional CSS in your site dashboard.


@media only screen and (min-width:1025px) {
  
  .site-header .col-md-4 {
    width: 13%;
  }
  
  .site-header .col-md-8 {
    width: 87%;
  }
  
}

>… my footer is moved to the idle of the page.

Did you apply this custom CSS code? Is it fine if you remove it?


.site-info {
    text-align: center;
}

I hope this reply helps.

Regards,
Kharis

i used a child theme, so what can i do please?

i removed it, it does help but has sent my copyright to the left hand side

No good on this page unfortunately

http://www.goldeliteteachers.com/OCR-A-Chemistry-Revision/

Hello there,

Sorry, I just got the exact trouble you meant. It happens as your content is too short. The solution might be specifying minimum height for the content container to always equal with the screen height. It can be done by adding this custom CSS code:


#content {
  min-height: 100vh;
}

100vh equals to 100% of screen height. You might be interested to learn about it on here.

Regards,
Kharis

Hi, thanks for the reply. im buiding this site on my own, i would appreciateit if you could tell me where to paste this code in.

Many thanks

Hello,

From your site dashboard, go to Appearance > Customize > Additional CSS, put custom CSS code in there.

Regards,
Kharis

many thanks

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis