Recent Topics

Members
  • Total Members: 78
  • Latest: Yomi
Stats
  • Total Posts: 10662
  • Total Topics: 1378
  • Online Today: 76
  • Online Ever: 879
  • (Jan 21, 20, 05:49:15 PM)
Users Online
Users: 0
Guests: 43
Total: 43

CZ Themes





thumbnail

News

Want more site traffic .. » Showcase « Your Crip Theme!!

Supported and Hosted By Buildz Hosting

Like us on Facebook! - Follow us on Twitter! - Follow us on Instagram!

Author Topic: Sticky Top_Section!  (Read 1055 times)

0 Members and 1 Guest are viewing this topic.

Offline Skhilled

  • CZ Admin
  • Sr. Member
  • *
  • Posts: 431
  • Gender: Male
    • Crip Zone Themes
Sticky Top_Section!
« on: Jul 27, 19, 03:39:15 AM »
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:
Code: [Select]
/*    Uncomment the code below to sticky the footer */
2.  Then change this:
Code: [Select]
/*    Uncomment the code below to sticky the footer */
/*    position: -webkit-sticky;
    position: sticky;
    bottom: 0px;
    z-index: 20; */

Replace with:
Code: [Select]
/*    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

Offline bigguy

  • Newbie
  • *
  • Posts: 2
  • Gender: Male
    • SMF Helper
Re: Sticky Top_Section!
« Reply #1 on: Feb 26, 20, 06:18:39 PM »
I like it. ;)

Offline Skhilled

  • CZ Admin
  • Sr. Member
  • *
  • Posts: 431
  • Gender: Male
    • Crip Zone Themes
Re: Sticky Top_Section!
« Reply #2 on: Feb 27, 20, 08:59:45 AM »
I forgot to mention that this can also work for the footer as well.