1. Glamour
  2. Wednesday, 04 October 2017
Most of the Joomshaper Templates have a slider button to turn off the annoying menu going up and down, but i cant find this in shaper_glamour

I need the menu to stay put all the time, how can i do this?
Accepted Answer
Hi,

I have used this CSS code inside the custom.css file.


#sp-header-wrapper .container {
background: rgba(0, 0, 0, 0.7);
}
#sp-breadcrumb-wrapper {
margin-top: 130px;
}
#sp-header-wrapper {
position: fixed !important;
width: 100%;
z-index: 9999;
top: 0;
left: 0;
right: 0;
}
#sp-smart-slider {
margin-top: 139px;
}


-Thanks
  1. more than a month ago
  2. Glamour
  3. # Permalink
Responses (24)
Hi,

Please following the instruction.

Go to the file location
templates/shaper_glamour/js/main.js

Find out this code and comment this code or remove this code

//Sticky Menu
var menu_wrapper = $('#sp-header-wrapper');

var windowWidth = $(window).width();
if (windowWidth > 979){
var stickyNavTop = menu_wrapper.offset().top;

var stickyNav = function(){
var scrollTop = $(window).scrollTop() > 100;

if (scrollTop > stickyNavTop) {
menu_wrapper.addClass('menu-fixed').fadeIn(400);
}
else
{
if(menu_wrapper.hasClass('menu-fixed'))
{
menu_wrapper.removeClass('menu-fixed').removeAttr('style');
}

}
};

stickyNav();

$(window).scroll(function() {
stickyNav();
});
}else{
menu_wrapper.removeClass('menu-fixed');
}


-Thanks
  1. more than a month ago
  2. Glamour
  3. # 1
Will this be overwritten if or when there is an update?
  1. more than a month ago
  2. Glamour
  3. # 2
I have commented that out but i think you misunderstood, very few clients like the menu to animate when the page is moved. They simply want the menu on all the time at the top of the page
  1. more than a month ago
  2. Glamour
  3. # 3
Still no answer, come on guys give us some support
  1. more than a month ago
  2. Glamour
  3. # 4
Hi,

Would you please share a screenshot for properly understand that you want to do.

-Thanks
  1. more than a month ago
  2. Glamour
  3. # 5
A screenshot will not show it but if i use your demo site i can explain

Goto http://demo.joomshaper.com/?template=glamour

At first loading the top menu is see through, when you move the page up, the menu animates so it flips to a black background which stays in position ( its sticky )
However much you move the page it stays in the position.

All i want to do is have the black sticky version ON screen all the time.

Other templates have a setting to do this but not Glamour

I would still like to fix this but the site is now completed without joomshaper products because i just could not wait any longer for a fix
  1. more than a month ago
  2. Glamour
  3. # 6
Hi,

Please follow the instruction.

1. Create a custom.css file
https://www.youtube.com/watch?v=AleRAYl6Aco
2. Add this css code inside custom.css file

#sp-header-wrapper {
position: relative;
width: 1170px !important;
z-index: 9999;
top: 0;
background: rgba(0, 0, 0, 0.7) !important;
margin: 0 auto;
}
#sp-header-wrapper.menu-fixed {
margin: 0 auto;
width: 1170px !important;
position: relative;
z-index: 9999;
position: fixed;
top: 0;
left: 0;
right: 0;
}


-Thanks
  1. more than a month ago
  2. Glamour
  3. # 7
Done that but sorry it does not work, the menu is now even worse.

In other templates this is easy but why not it this one?

Need an urgent fix please
  1. more than a month ago
  2. Glamour
  3. # 8
Hi, Please send me your site url and administrator access via pm. Thanks
  1. more than a month ago
  2. Glamour
  3. # 9
done
  1. more than a month ago
  2. Glamour
  3. # 10
Hi, Please check now. Thanks
  1. more than a month ago
  2. Glamour
  3. # 11
Hi
OK so its better but not how i want it to be.

First the background colour of the menu when at the top of the page (Menu 1) is grey yet the menu when you are down the page (menu 2) is black. They should both be the same colour.

Secondly i think are missing what i actually want which is to only have the second menu that stays on screen all the time.

Most of my clients hate to 2 menu system where it pops up and down, and i agree its a cheap looking effect that serves no purpose.

Thanks
  1. more than a month ago
  2. Glamour
  3. # 12
Hi,

Please share a screenshot that you want to do exactly.

Note: Customization doesn't allow

-Thanks
  1. more than a month ago
  2. Glamour
  3. # 13
Sent you a message
  1. more than a month ago
  2. Glamour
  3. # 14
Hi, replied your pm. Thanks
  1. more than a month ago
  2. Glamour
  3. # 15
All i want is to have a fixed menu at the top of shaper_glamour
Attachments (1)
  1. more than a month ago
  2. Glamour
  3. # 16
All i want is to have a fixed menu at the top of shaper_glamour


Hi, Sorry to say that, this is not possible in this template. Because of that, Glamour made by Helix-ii and Newskit made by the Helix3 framework. Thanks
  1. more than a month ago
  2. Glamour
  3. # 17
Shaper_shooter is helix 2 and has a fixed menu at the top so i dont understand why it cant be done
  1. more than a month ago
  2. Glamour
  3. # 18
Hi, Please check now. Thanks
  1. more than a month ago
  2. Glamour
  3. # 19
Getting there, well on the home page that is, but if you try any of the other pages on the menu such as sightings you will see the menu is left justified, its not as high and the page title is partly obscured.
To be perfect, the menu on all the pages needs to look the same.
One final thing. If you look the home page the menu background is Grey and see through and and all the other menus are Black.
Toufiq, I really want to thanks you for doing this.
  1. more than a month ago
  2. Glamour
  3. # 20
Hi, Please check now. Thanks
  1. more than a month ago
  2. Glamour
  3. # 21
Perfect, See the impossible can be done, great job, thanks

Final question, will this stay the same if the template updates?
  1. more than a month ago
  2. Glamour
  3. # 22
Perfect, See the impossible can be done, great job, thanks

Final question, will this stay the same if the template updates?


Hi, No problem will be. Thanks
  1. more than a month ago
  2. Glamour
  3. # 23


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.