Resolved How do i turn off sticky header in shaper_glamour

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

Will this be overwritten if or when there is an update?

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

Still no answer, come on guys give us some support

Hi,

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

-Thanks

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

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

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

Hi, Please send me your site url and administrator access via pm. Thanks

done

Hi, Please check now. Thanks

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

Hi,

Please share a screenshot that you want to do exactly.

Note: Customization doesn't allow

-Thanks

Sent you a message

Hi, replied your pm. Thanks

All i want is to have a fixed menu at the top of shaper_glamour

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

Shaper_shooter is helix 2 and has a fixed menu at the top so i dont understand why it cant be done

Hi, Please check now. Thanks

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.

Hi, Please check now. Thanks

Perfect, See the impossible can be done, great job, thanks

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

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