Recent Topics

Members
Stats
  • Total Posts: 10,737
  • Total Topics: 1,372
  • Online today: 222
  • Online ever: 879
  • (Jan 21, 20, 05:49:15 PM)
Users Online
Users: 0
Guests: 187
Total: 187

Sticky Top_Section!

Started by Skhilled, Jul 27, 19, 03:39:15 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Skhilled

If you'd like the top-section to be stickied (make it follow you as you scroll down the page) all you need to do is this:

1.  In index.css:

Search for:
/*    Uncomment the code below to sticky the footer */

2.  Then change this:
/*    Uncomment the code below to sticky the footer */
/*    position: -webkit-sticky;
    position: sticky;
    bottom: 0px;
    z-index: 20; */


Replace with:
/*    Uncomment the code below to sticky the footer */
    position: -webkit-sticky;
    position: sticky;
    bottom: 0px;
    z-index: 20;


This code will be added to all future themes. All you have to do is follow the above code changes to make it work for your chosen theme!  O0

bigguy


Skhilled

I forgot to mention that this can also work for the footer as well.