Increase width of navigation menu

  • Hi there,

    On my Home page, I’d like to increase the width of the main navigation bar as at the moment the text is spilling over into two lines.

    Any help will be gratefully received.

    Thanks!

    Steven

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi Steven ( @mojo1979 ),

    Thank you for reaching out.

    The layout of the theme doesn’t allow such changes. It is displaying in two rows for a more convenient experience on devices with smaller resolutions.

    However, you can try decreasing the font-size depending on the device resolution.
    Try using this CSS code:

    @media (max-width: 650px) {
  .main-navigation > ul > li > a
{
  font-size: 10px;
  margin-left: 7px;
} 
}

    Place this CSS code in the Appearance->Customizer->Additional CSS section.

    Best Regards,
    Pavle

Viewing 1 replies (of 1 total)
  • The topic ‘Increase width of navigation menu’ is closed to new replies.