Public Forums 71,145 posts

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

#193910

Hi,

Concept of Promo Bar is great !
Congratulations 🙂

Still I have to face some side effects, as the “sticky promo bar” and “push page down” options do not exactly work as they should.

Let me illustrate this with two layouts taken from template JA Beranis (but I would bet similar problems would arise on the other JA templates)

1. large layout

without Promo Bar (for comparison)

with Promo Bar
the logo is perfectly adjusted, but still the Promo Bar comes on top of the multilanguage flags, hiding them

2. regular layout

without Promo Bar (for comparison)

with Promo Bar
The logo is perfeclty adjusted, but the horizontal menu moves down too much

So so, what can we do to correct this ?

Txs a lot for any idea/suggestion/correction !

Marc

---

Attachments:

1. 
2. 
3. 
4. 

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

#519160

UPDATE

As I mentionned on my msg above, I was suspecting the same problem to arise in many JA Templates.
It is indeed the case.

See for yourself with the following Joomlart DEMO of template Mero

Site URL: http://d8ad150de24de0fc.builder.joomlart.com/
Admin URL: http://d8ad150de24de0fc.builder.joomlart.com/administrator/
Username: admin
Password: 510bf9af

Normal layout WITHOUT Promobar

Problem with layout WHEN Promobar is activated :
the whole page goes down by 51px (namely the height of the promobar), while the menu&search section goes down by TWO TIMES the height of the Promobar

See for yourself.
(and tell me what can be done to correct this behaviour)

Txs,

Marc

---

Attachments:

1. 
2. 

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

#519194

Hi Marc again,

Please open the file: /templates/ja_mero/less/navigation.less

At approx line 241, you will see this rule:


// -------------------------------------------------------
// JA MAIN MENU
// -------------------------------------------------------

.ja-mainnav {
height: @navbarHeight;
position: relative;
z-index: 40;
}


Remove declaration in red then go back to backend > hit the button Compile Less to Css (Remember to backup your site first because when compiling Less to Css, all current CSS files will be overritten)

Hope this helps.

2 users say Thank You to Saguaros for this useful post

1. woluweb
2. mauris

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

#519249

Hi Saguaros !

I have just tested your proposal on JA Mero. It works great !!! 🙂
It can be seen live here :
http://d8ad150de24de0fc.builder.joomlart.com/

Then I tested for JA Beranis (which was my initial question).
There we (already/only) have half of the solution.

Indeed, depending on the layout the solution works… or not :
– in “usual” layout with horizontal menu on top, it works
– in “large screen” layout (called “home-style” layout in Template Manager, ie with the layout having a sticky lateral menu), two problems remain
1. the language switcher does not move down (and remains hidden behind the promobar)
2. the lateral menu does not move down neither (which will be necessary for showing the language switcher by the way)

Is there also a correction in the LESS files which would solve this problem ?

I put here the screenshots to illustrate this :

usual layout (it works)

screenshot with promobar turned off

screenshot with promobar turn on

sticky lateral menu layout (still a problem for language switcher and lateral menu)

screenshot with promobar turned off

screenshot with promobar turn on

---

Attachments:

1. 
2. 
3. 
4. 

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

#519386

You can try to create a new css file named custom.css in /templates/ja_beranis/css path then add following CSS rule into this new file:


.t3-mainnav.vertical-nav {
top: 45px !important;
}


1 user says Thank You to Saguaros for this useful post

1. woluweb

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

#519391

Hi Saguaros !

You made my day :-))))

Your correction works fine, at least for sites without Language Switcher (the latter still being hidden behind the bar).
But you paved me the way : I have slightly adapted your proposition, so it works even with multilingual sites.

Txs a lot again for your good inspiration 😉

/*Corrects the position of lateral menu when using JA PromoBar*/
.t3-mainnav.vertical-nav {
top: auto !important;
margin-top: 20px;
}

1 user says Thank You to woluweb for this useful post

1. JA Developer

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

#519428

You are welcome 🙂

[Author]

Posts