Joomla Templates Club 406,261 posts

[SSHIS Developer SSHISJoin date: February 2015Posts: 6Downloads:13Uploads:1]

#869791

Hi. Can you you get the sidebar to act sticky?

I managed this for the main menu using data-spy="affixed" in the header block, but I cannot get the sidebar to act this way. If i add this to the one-sidebar-right block it moves it to the left hand side.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#870289

Hi,

Try to follow this which discusses the same topic.

Regards

[SSHIS Developer SSHISJoin date: February 2015Posts: 6Downloads:13Uploads:1]

#870410

Nope – still doesn’t place it in the sidebar when it scrolls. It starts there but soon as you scroll it shifts it to the whole page from top-left. Any more info on how to do this?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#871206

You can apply my solution below

• Open templates/ja_nuevo/tpls/blocks/header.php file

find and change

<header id="t3-header" class="wrap t3-header">

to

<header id="t3-header" class="wrap t3-header navbar-fixed-top">

• Open templates/ja_nuevo/css/custom.css file and add new rule

.navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
background: #fff ;
}

Hope it helps.

[SSHIS Developer SSHISJoin date: February 2015Posts: 6Downloads:13Uploads:1]

#871340

Unfortunately that won’t work. I am applying this to the sidebar. This means that the bottom half of the navigation is not seen as i have to move the start position down to fit under the header. What i need is it to move to the top of the screen as i scroll.

As you can see by the attached image – as i start scrolling down the navigation at the side keeps its distance and hence we cannot see the full navigation. It needs to keep flush to the top of the content area in the sidebar module.

I have had to change the css to match the start point hence:

.navbar-side {
position: fixed; 
    right: 0; 
    left: 1250px; 
    top: 560px;
    background: #fff; 
    width: 300px;
}

Any solution?

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#871349

If possible, you can give me the URL of your site and the screenshot and describe on that, what are you trying to do? I will help you to check it for you.

[SSHIS Developer SSHISJoin date: February 2015Posts: 6Downloads:13Uploads:1]

#871351

Sorry can’t do – its an internal site with sensitive data.

I have a menu sitting in the sidebar-2 position. I simply need this to stay sticky as i scroll down the page. The same as you can with the header. As you can see in the screen shot in the previous reply – it is fixed and doesn’t stay flush to the top of the sidebar-2 position – hence you cannot see all of the navigation.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#871369

It’s very hard to suggest the solution for you but I could not see the URL of your site. Please put the URL of your to go live. I will help you to check it for you.

[SSHIS Developer SSHISJoin date: February 2015Posts: 6Downloads:13Uploads:1]

#871502

It’s not a WWW site. Its an Intranet – hence internal. You will not be able to see it.

All i want is the menu in the sidebar-2 position to be sticky! Not sure why you can’t understand this!

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#873381

I spent a lot of my time to duplicate of your request but I am sorry about this, you won’t able you to do as your expectation.

[SSHIS Developer SSHISJoin date: February 2015Posts: 6Downloads:13Uploads:1]

#873414

Ok – cheers for trying. Disappointing that you can’t have a sticky sidebar though with this template.

[Author]

Posts