Log in | Register






Skip to main content

Recent Topics

pc
Bios Settings Shortcut
by Burke Knight
in Tips & Tricks
March 06, 2024, 04:09:10 PM
Views: 283 | Replies: 0
lamp
The Never-Ending Always-Changing Off-Topic Thread
by Burke Knight
in General Discussion
February 03, 2024, 09:46:30 AM
Views: 8963 | Replies: 19
xx
Member Purge
by Burke Knight
in News & Announcements
January 10, 2024, 09:44:04 AM
Views: 1037 | Replies: 0
xx
New Gallery
by Burke Knight
in News & Announcements
January 09, 2024, 07:50:23 PM
Views: 1132 | Replies: 0
xx
Non Compressed Submissions - Reply to Submit
by Burke Knight
in Web Site Images
January 02, 2024, 10:08:22 AM
Views: 3710 | Replies: 6
img
GTA V - Screenshots
by Burke Knight
in BK-GTA - Grand Theft Auto
December 27, 2023, 07:53:25 PM
Views: 739 | Replies: 2
check
Checking In!
by Burke Knight
in General Discussion
December 15, 2023, 07:08:09 AM
Views: 1961 | Replies: 7
clip
Sims 4 - Floors
by Burke Knight
in The Sims 4
December 12, 2023, 07:48:57 PM
Views: 1144 | Replies: 0
clip
Sims 4 - Walls
by Burke Knight
in The Sims 4
December 12, 2023, 07:37:37 PM
Views: 1000 | Replies: 0
clip
The Sims 4 - Avalon House
by Burke Knight
in The Sims 4
December 12, 2023, 07:14:20 PM
Views: 1022 | Replies: 0
video
GTA Online Cars
by Burke Knight
in BK-GTA - Grand Theft Auto
December 06, 2023, 08:46:15 PM
Views: 439 | Replies: 0
xx
Site Remake
by Burke Knight
in News & Announcements
November 25, 2023, 07:50:52 PM
Views: 1019 | Replies: 0
clip
The Realm Online - INFO For New Players
by Burke Knight
in Gamer's Haven
November 25, 2023, 07:14:22 PM
Views: 1519 | Replies: 5
img
GTA IV - Screenshots
by Burke Knight
in BK-GTA - Grand Theft Auto
November 25, 2023, 06:38:34 PM
Views: 396 | Replies: 0
img
GTA Vice City - Screenshots
by Burke Knight
in BK-GTA - Grand Theft Auto
November 25, 2023, 06:36:49 PM
Views: 382 | Replies: 0
img
GTA III - Screenshots
by Burke Knight
in BK-GTA - Grand Theft Auto
November 25, 2023, 06:34:33 PM
Views: 383 | Replies: 0
img
GTA San Andreas - Screenshots
by Burke Knight
in BK-GTA - Grand Theft Auto
November 25, 2023, 06:32:58 PM
Views: 378 | Replies: 0
xx
Grand Theft Auto Games
by Burke Knight
in BK-GTA - Grand Theft Auto
November 25, 2023, 06:29:44 PM
Views: 395 | Replies: 0
video
Grand Theft Auto V - Free Roam Fun #1
by Burke Knight
in BK-GTA - Grand Theft Auto
November 25, 2023, 06:26:32 PM
Views: 376 | Replies: 0
video
GTA IV - Eating With Friends
by Burke Knight
in BK-GTA - Grand Theft Auto
November 25, 2023, 06:24:54 PM
Views: 369 | Replies: 0
video
GTA IV - Bellic Cousins Rule the Streets
by Burke Knight
in BK-GTA - Grand Theft Auto
November 25, 2023, 06:24:17 PM
Views: 390 | Replies: 0
video
GTA IV - KITT vs Liberty City
by Burke Knight
in BK-GTA - Grand Theft Auto
November 25, 2023, 06:23:25 PM
Views: 446 | Replies: 2
video
GTA IV - Police Chase
by Burke Knight
in BK-GTA - Grand Theft Auto
November 25, 2023, 06:22:06 PM
Views: 384 | Replies: 0
video
GTA IV - Roman Bellic Takes The Wheel
by Burke Knight
in BK-GTA - Grand Theft Auto
November 25, 2023, 06:20:55 PM
Views: 377 | Replies: 0

Who's Online

  • Guests: 1
  • Hidden: 0
  • Users Online : 1
  • Online Today: 1

Site Stats

  • Total Members: 6
  • Total Posts: 261
  • Total Topics: 164
  • Total Categories: 4
  • Total Boards: 25
  • Most Online: 34

Site Staff

Burke Knight Burke Knight
Administrator
DeadMan DeadMan
Global Moderator
Free Web Hosting
Ultimate Web Hosting

  Thoughts, Comments & Suggestions.

This chatbox is used on all BurkeKnight Entertainment sites.
Please Follow The Rules! | Setting up ChatBox profile.


Topic: ElkArte - Separation Theme - Fixed Menu (Read 228 times) previous topic - next topic
0 Members and 1 Guest are viewing this topic.

ElkArte - Separation Theme - Fixed Menu

Here is an update that adds in the fixed menu header functionality.
There are a few things to change / note.

Since you most likely have done some custom changes, at least colors, the specific changes for this are as follows:

Replace your theme.js file in the separation/scripts directory with the one attached.  This adds the scroll detection function.  You may need to tweak the value in it to specify the scroll distance before the menu becomes fixed.  This is basically the height of your logo area or the distance from the top of the screen to the top of the menu.  In the theme.js file the value is set in shrinkOn = 110; <-change 110 to what you need.

You will need to add in index.css:
Code: (find) [Select]
#menu_nav_1 {
    border-radius: 0 0 6px 6px;
}
Code: (addafter) [Select]
.menu_nav_scroll {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 95%;
}

In that same file:
Code: (find) [Select]
    #menu_nav, #menu_nav_1 {
        height: 48px;
    }
Code: (addafter) [Select]
    .menu_nav_scroll {
        width: 98%;
    }

Last change will be in your color file (Example: seperation/css/_blue/index_blue.css)

Code: (find) [Select]
#menu_wrapper {
    border-color: #CCCCCC;
 }
Code: (replace) [Select]
 #menu_wrapper {
    border-color: #CCCCCC;
    background-color: #FEFEFE;
}

That is just the color in the padding area of the menu and just prevents seeing a tiny sliver of the page background as you scroll the page.