Joomla Templates Club 406,261 posts

[acac7a Friend acac7aJoin date: January 2011Posts: 10Downloads:0Uploads:0 Thanks: 6 Thanked: 2 times in 1 posts]

#200810

Hi,

In Ja sugite, we have two differents main menu. One, with transparent background, who disappears when the page is down. The second, with black background, who appears when we scroll up to the top the page.

I would like the second appears when the first disappears. I would like a menu is always displayed.

On the same principle as the Main menu of ja fixel.
Demo : http://www.joomlart.com/demo/#ja_fixel

Or even the Main menu of Ja music
Demo : http://www.joomlart.com/demo/#ja_muzic

How to do this? Especially, how to do it “strictly” without risking losing changes to the next update of the template? If it’s possible.

Is there a documentation for this?

Thanks for your help.

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#547315

There is documentation for T3 – you might want to look at that.

There are also a fair few posts for other templates about if you do a search for ‘sticky menu’.

e.g. http://www.joomlart.com/forums/topic/sticky-or-fixed-menu/
http://www.joomlart.com/forums/topic/sticky-menu-2/
http://www.joomlart.com/forums/topic/megamenu-sticky-or-fixed-on-scroll/

(When you do the edit to header.php you might want to call it header-sticky.php so that it doesn’t get overwritten)

Hope that points you in the right direction.

1 user says Thank You to swissa for this useful post

1. acac7a

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#547335

Hello @acac7a
you can also fix the menu by this suggestion
add this css rule in your custom.css file
path: /templates/ja_sugite/css/custom.css


.scrollDown .t3-header {top= 0;}
.scrollDown .t3-header, .scrollUp .t3-header {position:fixed;}


Let me know if it helps

1 user says Thank You to Pankaj Sharma for this useful post

1. acac7a

[cweh Friend cwehJoin date: September 2014Posts: 28Downloads:0Uploads:5 Thanks: 8]

#550241

hi pankajsharma,
loofing for the same thing as acac7a. unfortunatelly the css code didnt work 🙁

tried chavans solution from this thread too but it didnt work aswell -> LINK

.ja-slideshow { margin-top:84px; }

do you have another idea?

thanks in advance,
cweh

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#550242

<em>@cweh 446659 wrote:</em><blockquote>hi pankajsharma,
loofing for the same thing as acac7a. unfortunatelly the css code didnt work 🙁

tried chavans solution from this thread too but it didnt work aswell -> LINK

.ja-slideshow { margin-top:84px; }
do you have another idea?
</blockquote>

Hi there is no need to do so many custom work to fix the main menu bar .
Please try the solution give by me in POst #3 Above .
If its not working please share your site url with me . I will Help you

[cweh Friend cwehJoin date: September 2014Posts: 28Downloads:0Uploads:5 Thanks: 8]

#550248

added custom.css with
.scrollDown .t3-header {
top= 0;
}

.scrollDown .t3-header, .scrollUp .t3-header {
position:fixed;
}

page: link

thx in advance,
cweh

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#550335

Hello i checked your site , It seems either you have not cleared your site cache or you applied other changes for the same issue .
if you applied any other changes for fixed the main nav. please revert it and PM me your admin details . I will fix it directly on your site and let you know all changes here .

[cweh Friend cwehJoin date: September 2014Posts: 28Downloads:0Uploads:5 Thanks: 8]

#551155

sorry for late respone… you got a pm.

thx,
cweh

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#551160

<em>@cweh 447843 wrote:</em><blockquote>sorry for late respone… you got a pm.

thx,
cweh</blockquote>

Hello I fixed it Directly on your site .Here are the changes .
I created a custom.css file in your css/themes/blue/custom.css
so that it will work only for this theme .
added code

.scrollDown .t3-header{top:0px}

.scrollDown .t3-header, .scrollUp .t3-header { position:fixed; }


now i added this code

<file>css/themes/blue/custom.css</file>
in /etc/assets.xml in template folder and i added this code to call custom.css file on frontend .

Now its working fine .please check your site now . your menu is fixed .:D

1 user says Thank You to Pankaj Sharma for this useful post

1. cweh

[cweh Friend cwehJoin date: September 2014Posts: 28Downloads:0Uploads:5 Thanks: 8]

#551366

works fine, thx, but i didnt understand it 🙂
i added the code in the “normal” custom.css file, but that didnt work, cause i useed the blue theme, is that right?

but now it works in all themes? or only in the blue?
can i add a custom.css file in the css folder for other changes?

ist it possible to add a custom.css to all themes (a single file for each theme)
and get rid of the assets.xml change? caus when joomlart relase an update the changes are gone, right?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#551470

Hi Cweh
Yes you can create custom.css file in your /css folder .
It will work of all the template themes . Actually The custom.css added by you not working because of some issue in syntax errors there .
For the safe method i added it to the template folder .
When there is an update all custom files are override , But now T3 has a functionality that make it easy .
you can edit the template.css file and other files by creating there override in the template/Local folder .
Here is the complete guide of it

Hope it helps you .

[Author]

Posts