Main navigation menu

Is there a way to make the links on 2 lines? eg. If one link is 2 words, then i’ll have the first word on top and 2nd word beneath it?

Also my client wants me to shift the links more towards the logo on the left, rather than it being stuck on the right. should i just play around with the following code:

#mainnav li {
padding: 0 7px;
}

Hello there,

> Is there a way to make the links on 2 lines? eg. If one link is 2 words, then i’ll have the first word on top and 2nd word beneath it?

In order to achieve that objective, could you please try to do the following?

  1. Edit your menu item. Go to Appearance > Menus
  2. Enable “CSS Classes” option. Expand the “Screen Options” panel, then check “CSS Classes”
  3. Edit your “Customer services” menu item. Enter wrap-text class name in the CSS Classes field
  4. Save menu
  5. Apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css
.wrap-text{
  max-width: 125px;
}

Second question was answered here.

Let me know how it goes. I’ll wait to hear back from you regarding your stats.

Regards,
Kharis

It worked. Thank you very much!

Great!

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

Oh no. hold on. sorry for this. It seems to have applied to the menu widget in my footer as well. How do i avoid that?

Hello there,

Try to change the previous code I suggested with the following:

#mainnav .wrap-text{
  max-width: 125px;
}

Let me know how it goes.

Regards,
Kharis

awesome. Thanks again.