Joomla Templates Club 406,261 posts

[ronron6 Friend ronron6Join date: January 2016Posts: 116Downloads:32Uploads:35 Thanks: 9]

#994685

i created a menu for sidebar1 and added module class suffix to make the menu fixed. the css is below

div.fix {position:fixed;}

on safari it does not display correctly. if i remove the position:fixed it goes to normal.

this is the link http://mob.pwedepa.ph/my-pwedepa

module is positioned on sidebar1 . please see the link and you will see it floating on the center right.

i believe that you already know where sidebar1 is so i did not add an image

thanks

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

#994734

Hi,

I don’t see any css for that module in sidebar1 position. You removed it?

[ronron6 Friend ronron6Join date: January 2016Posts: 116Downloads:32Uploads:35 Thanks: 9]

#994748

what do you mean no css?

did you open the link. you can see the sidebar on the left.

---

Attachments:

1. 

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

#994969

I mean that the css you applied for fixed sidebar.

But you can try this way:

• Go to file: ROOT/templates/ja_jason/js/script.js
• Add new script next to line 90:

  $('.t3-sidebar-left').affix({
  offset: {
  top: 280,
  }
  })

• Open CSS file: ROOT/templates/ja_jason/css/custom.css (create this file if it doesn’t exist)
• Add this css rule:

  .t3-sidebar.affix {
  float: none;
  position: fixed;
  right: auto;
  top: 20px;
  width: 300px;
  }

[ronron6 Friend ronron6Join date: January 2016Posts: 116Downloads:32Uploads:35 Thanks: 9]

#996450

This reply has been marked as private.

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

#996562

There is cache in server side, right? I tried to remove the css I suggested above in custom.css file but see no changes on frontend in spite of clearing all caches in backend.

[ronron6 Friend ronron6Join date: January 2016Posts: 116Downloads:32Uploads:35 Thanks: 9]

#996735

none, no server side cache.

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

#996789

You can edit in ‘custom.css’ file and see that the changes is not applied on the front-end.

[ronron6 Friend ronron6Join date: January 2016Posts: 116Downloads:32Uploads:35 Thanks: 9]

#996841

i made changes and its fine

what should be the css?

i want it to slide smoothly after scroll

thanks

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

#997297

To have smoth scroll, it will require customization on effect, I suggest you to find a suitable extension supporting this sticky feature in JED

[Author]

Posts