Joomla Templates Club 406,261 posts

[zeebeest Friend zeebeestJoin date: July 2008Posts: 5Downloads:0Uploads:1 Thanks: 3]

#165505

Hi,

how can I change the width of the MegaMenu submenu items in JA Cloris for Joomla 1.5?

My menu text is wider than then current set width (200px), which results in te text being shown on the same place as the menuitem below (so both are unreadable due to this).

I’ve attached a screenshot of the problem.

---

Attachments:

1. 

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#397760

Hi zeebeest,
You can change width of submenu following steps below :
mega.css
Open mega.css file in templates/ja_cloris/css/menu/ folder,
1.Add following code section at bottom of it :


.childcontent-inner-wrap {
width:250px!important;
}
.ja-megamenu .megacol {
float: left;
width:250px!important;
}


2.Find following code section at about line line 47 :

.ja-megamenu .childcontent-inner {
background: url("../../images/noise-d.gif") repeat scroll 0 0 transparent;
border-color: -moz-use-text-color #333333 #333333;
border-right: 1px solid #333333;
border-style: none solid solid;
border-width: 0 1px 1px;
color: #CCCCCC;
}

change to :

.ja-megamenu .childcontent-inner {
background: url("../../images/noise-d.gif") repeat scroll 0 0 transparent;
border-color: -moz-use-text-color #333333 #333333;
border-right: 1px solid #333333;
border-style: none solid solid;
border-width: 0 1px 1px;
color: #CCCCCC;
width:250px;
}

Note : width:250px; , 250 is sample value, you can change it to match with your site.
Hope can help you.

1 user says Thank You to Sherlock for this useful post

1. zeebeest

[zeebeest Friend zeebeestJoin date: July 2008Posts: 5Downloads:0Uploads:1 Thanks: 3]

#397844

Thank you: that did the trick 🙂

[Author]

Posts