Hello there! Welcome to Youjoomla Support Forums

We are Web Development Company specializing in Joomla Templates , Joomla Extensions and WordPress Themes development . You are not able to see some forum threads due to your memberhip level. To unlock all forums and special customer support please take few moments to signup . If you are just searching for free joomla templates , or free joomla extension support simply head to our Free Joomla Support forums and open a new thread. Our moderators will help you as soon as possible. To spead up the response time please take few seconds and go over forum rules

Have fun!

Forum index > Public Joomla forums > Free Joomla Templates > Baseline > Fixed top menu on scrolling the page

Fixed top menu on scrolling the page

09-18-2015, 04:54 AM
# 1 (permalink)
michy80
Hi,
i have a local website (that will be published on Internet when finished) and i would like to know how to make a fixed top menu when scrolling down the page so that it will be always visible for the user.
I tried to find the solution on your documentation about sitcky and in the forum posts but i didn't found it.
Could you help me please?
Thank you!

Are you sure your are posting in product assigned forum?: Yes

What is your CMS version?: Joomla 3.x

MySQL Version: 5.x

PHP version: 5.x

Link to installation: local installation

Have you edited any files? If yes tell us which ones.: No

Is this personal or client website?: Personal
Reply With Quote
09-18-2015, 08:06 AM
# 2 (permalink)
arefund's Avatar
arefund
Hello michy80.
Please check this forum thread might help you out.
http://www.youjoomla.com/joomla_supp...ad.php?t=13280
Kindness costs the least, but is worth the most!
Reply With Quote
09-18-2015, 08:50 AM
# 3 (permalink)
michy80
Hi Arefund,
and thank you for your answer.
I followed the guide and tried to apply that changes but top menu does not appear fixed on scrolling down the page. The only things that appear are "Go to top" "Go to scroll 1" etc.
I would like to do something like attached image.
Have you got some other advices?
Thank you.
Reply With Quote
09-21-2015, 07:35 AM
# 4 (permalink)
arefund's Avatar
arefund
Menu in Baseline template is already in header position.
You have to add the sticky effect and holder to your index.php file.
Right now you can see this http://prntscr.com/8irycu inside your index.php file, you can add the sticky like this:

Code:

<div class="sticky_holder">
<?php require( YJSG_HEADERBLOCK );/* header - header grid */?>
<?php  if($topMenuLocation == 0 ){ /* if topmenu location is inside the header we dont need it here */
 require( YJSG_TOPMENU );/* top menu */
}
?>
</div>
div class sticky_holder needs the sticky effect http://www.yjsimplegrid.com/add-ons/sticky.html
Kindness costs the least, but is worth the most!
Reply With Quote
09-30-2015, 06:02 AM
# 5 (permalink)
michy80
Hi arefund,
I'm sorry for my late answer.
I've tried to do what you write in your last post but i did not succeed in doing what i wanted to: top menu did not appear. What appear is "I will become a sticky once you scroll 500px down."
Reply With Quote
10-01-2015, 07:29 AM
# 6 (permalink)
arefund's Avatar
arefund
That is because you added the example code line:

Code:

  <div class="yjsgsitew"> I will become a sticky once you scroll 500px down.</div>
You have to add this part:

Code:

class="yjsg-sticky" data-hide="no" data-pushed="0" data-offset="500" data-effect="slide">
to the div that is holding your menu.
Kindness costs the least, but is worth the most!
Reply With Quote
Thread Tools
Display Modes
Linear Mode Linear Mode

Powered by vBulletin®
Copyright ©2000 - 2023, Jelsoft Enterprises Ltd.

Latest News

Yjsg Version 2.3.6 released Yjsg 2.3.6 for Joomla has been released. This version improves the code and fixes few bugs. S Continue reading
Introducing simple and affordable pricing model In the past few years our pricing model was separating members in to single purchase and club memb Continue reading

Members Login

Username
Password