*

gciprian

  • *
  • 2 posts
Word wrapping in main menu
« on: January 25, 2016, 12:07:01 PM »
Hi,
I'm configuring the main menus and there is a small issue. I have a couple of items that are longer and composed of two or three word. The word wrapping doesn't work on these menu items?
Eg. One main menu item name is "Electronice si Electrocasnice" (Electronics and Appliances in english) and now is shown dividen in two lines as "Electronice si Electro" on first line and "casnice" under.
I would like to be divided as "Electronice si" the first line and "Electrocasnice" under.
Please help. Thank you.



[attachment deleted by admin]
« Last Edit: February 04, 2016, 01:47:52 PM by frosticek »

*

MB Themes

Re: Word wrapping in main menu
« Reply #1 on: January 25, 2016, 12:16:39 PM »
@gciprian
Go to file:
oc-content/themes/zara/css/style.css

Find line:
Code: [Select]
#top-cat ul li .name {margin:10px 0 0 0;float:left;width:100%;text-align:center;height:40px;line-height:20px;font-weight:500;font-size:13px;color:#333;font-family: "Open Sans",sans-serif;word-wrap: break-word; word-break: break-all;}

Replace with:
Code: [Select]
#top-cat ul li .name {margin:10px 0 0 0;float:left;width:100%;text-align:center;height:40px;line-height:20px;font-weight:500;font-size:13px;color:#333;font-family: "Open Sans",sans-serif;word-wrap: break-word; word-break: break-word;}
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

gciprian

  • *
  • 2 posts
Re: Word wrapping in main menu
« Reply #2 on: January 25, 2016, 12:44:07 PM »
It works. Thank you!

*

MB Themes

Re: [Solved] Word wrapping in main menu
« Reply #3 on: January 25, 2016, 01:09:31 PM »
@gciprian
Cool, welcome
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots