Joomla Templates Club 406,261 posts

[woluweb Friend woluwebJoin date: October 2012Posts: 196Downloads:18Uploads:69 Thanks: 68 Thanked: 31 times in 3 posts]

#192646

Hmmm, new problem I have just discovered after having updated T3 & JA Mero (in my case with Joomla 3.2, but this is more a LESS or CSS problem of framework and/or template) :

The off-canvas menu, which was black by default (standard of JA Mero, whatever the style applied) now takes the background color of the website.
To be more precise : it takes the background colour of the chosen theme for the primary menu items but is still OK for all submenus.

Let’s take an example for illustration : with the “Light” theme, we have white menus on white background… Not very readable 🙂

To see by yourself, see the screenshot hereafter, taken from the Joomlart Demo website itself (with other words, it is *not* a problem of my own personalization. It is a problem for every single user of this template, and probably of some other templates by the way).

Txs for telling me in the short run how I can fix this “bug”… and txs for including the fix in the next release of T3 (and/or templates).

Yours,

Marc

http://joomla-templates.joomlart.com/ja_mero/index.php/en/explore/2013-02-01-08-52-29/light-color

---

Attachments:

1. 

[woluweb Friend woluwebJoin date: October 2012Posts: 196Downloads:18Uploads:69 Thanks: 68 Thanked: 31 times in 3 posts]

#514013

I came up with the question for me… and now with the answers for the community 🙂

Would you guys of Joomlart would be so kind to let it correct by the developers for next release of Template ?

Txs

So here we go, but don’t forget to recompile LESS to CSS after having made these changes (beware, if you made your personal changes directly in CSS files, don’t recompile, just find the corresponding CSS file to apply the solution).

problem

see above : after updates T3 & JA Mero, background colour of off canvas menu takes general background colour, causing a problem with light background colours

cause

/templates/ja_mero/less/off-canvas.less used to be

#off-canvas-nav {
.t3-mainnav {
background: #000;
}

but has now become with latest JA Mero update

#off-canvas-nav {
.t3-mainnav {
background: @bodyBackground;
}

Solution

make correction in /templates/ja_mero/less/off-canvas.less for example like this :

#off-canvas-nav {
.t3-mainnav {
background: @black;
}

——————————————————

By the way, the updates of T3 & JA Mero also had other side effects, like making the dropdown menus narrower (which was a problem for my site), namely 160px.

Workaround is the following : add in /templates/ja_mero/less/themes/lesswoluweb/template.less the following code to override the default T3 width (which is by the way defined in /plugins/system/t3/base/bootstrap/less/dropdowns.less)

.dropdown-menu {
min-width: 200px;
}

1 user says Thank You to woluweb for this useful post

1. Saguaros

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#514108

Thanks for sharing, I will report this to team 🙂

1 user says Thank You to Saguaros for this useful post

1. woluweb

[Author]

Posts