Logo/Main Menu Static

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Fri Sep 25, 2015 8:47 pm
Reply with quote
Report this post
Is there a way to make the logo and main menu be static so it always shows?

I am using Joomla 3.4.3 and Simplicity Template.

Thanks,
John
User avatar
Fresh Boarder

GK User
Mon Sep 28, 2015 8:54 pm
Reply with quote
Report this post
Could you please post an url to your site?
User avatar
Moderator

GK User
Mon Sep 28, 2015 9:01 pm
Reply with quote
Report this post
http://208.86.158.216/~millingtondev

This site is under development and thus we have not made the registrat domain name change to the "A" record yet. This temp url will get you to the site.

Thanks
User avatar
Fresh Boarder

GK User
Wed Sep 30, 2015 9:20 am
Reply with quote
Report this post
Actually it is "Static" the only problem is it shows when you scroll under a header on your homepage.
Woud you like to make it show also when you scroll through the headee?
User avatar
Moderator

GK User
Wed Sep 30, 2015 1:40 pm
Reply with quote
Report this post
Yes, so that it will show all the time.
Thanks for your help.
John
User avatar
Fresh Boarder

GK User
Fri Oct 02, 2015 4:23 pm
Reply with quote
Report this post
One thing is to remove from gk.scripts.js this part of code:
Code: Select all
   if(page_loaded && jQuery('body').hasClass('imageBg')) {
      // if menu is not displayed now
      if(jQuery(window).scrollTop() > headerHeight && !jQuery('#gkMenuWrap').hasClass('active')) {
         //document.id('gkHeaderNav').inject(document.id('gkMenuWrap'), 'inside');
         jQuery('#gkMenuWrap').append(jQuery('#gkHeaderNav'));
         jQuery('#gkHeader').attr('class', 'gkNoMenu');
         // hide
         jQuery('#gkMenuWrap').attr('class', 'active');
      }
      //
      if(jQuery(window).scrollTop() <= headerHeight && jQuery('#gkMenuWrap').hasClass('active')) {
         jQuery('#gkHeader').first('div').css('display', 'block');
         jQuery('#gkHeader').first('div').prepend(jQuery('#gkHeaderNav'));
         jQuery('#gkHeader').attr('class', '');
         jQuery('#gkMenuWrap').attr('class', '');
      }
   }

After that you should be able to set position:fixed for your added menu-holder element and compensate with some top padding of #gkHeader element (same top-padding as menu width)
User avatar
Moderator


cron