Menu Items Wrapping - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Menu Items Wrapping

Alex Walker

Alex Walker

Template 3 years ago

How can I stop the menu items wrapping on this site? https://jamesmackie.art/ I am using the Themis template.

0
5 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #58519

Hello Alex Walker

Please share a screenshot of your issue to understand it better. Take a screenshot and share via any platform. For example: Lightshot or Imgur

Best regards

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #58523

Hi Alex,

I think I know.

Inside your Header - you have logo and menu columns, but logo column is too big, and menu items doesn't fit inside column.

Change the aspect ratio from 6 + 6 to 4 + 8. Template Options - Layout - Header row -column grid.

Do you see now what is wrong?

foto_7899_2022.png

This is not template bug, just settings problem. It's like during a painting you forgot make a sketch to see if everything fits into frame.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #58526

BTW

"Home" takes less space, than "HOME" , this same rule with all words used in menu items. Basic math.


.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {text-transform: none; }

Screenshot foto_7900_2022.png

0
Alex Walker
Alex Walker
Accepted Answer
3 years ago #58588

Paul, that worked perfectly thenk you: https://prnt.sc/M9VopZqT75yH I shall try and remember that in the future! By default the Menu Items are all captitalized eg HOME How do I prevent this from happening with this theme?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #58600

I gave you CSS already. Check again my last post.

You're welcome.

0