How to make header sticky?

Posted in: Newspaper
Post count: 84

I just use ‘Blank Header template’ of cloud library but I can’t find where to set the header to be sticky (the header should move along as reader scroll the page down).

Thank you

Post count: 18283

Hello !

When using Cloud Template header the sticky header must be edited with tagDiv Composer Header Manager and you can set it up from here. If it is empty you will have to add content in it in order to display: https://www.screencast.com/t/Bzi8kbneOKQc

Thank you !

Post count: 84

Here is the problem with the Header Manager.
– The left and right border of it didn’t stretch to the end and of direction like the normal menu

Normal Menu: https://ibb.co/TgKYfjs
Header Manager: https://ibb.co/bdNxBCM

As you can see in the picture, it’s not the same. Can I just have the option to make the normal menu sticky? Or can I insert any code to make it sticky?

Post count: 20688

Hi,

Making a cloud header sticky is possible. The elements you use in the default header can be the same or different than the sticky version.
To edit the sticky version of a cloud header, activate the sticky mode in the composer
https://prnt.sc/pqiquf
Then add the elements you want in the sticky header. If there are no elements, the header will not be sticky.
Same for mobile – https://prnt.sc/pqirba

Note that in the composer you can copy paste elements, through the right-click menu
https://prnt.sc/pqis0y
This would be useful if you want to use the same elements from the normal header, in the sticky header.

Thanks

Post count: 84

-After I enable mobile menu to be sticky and hit save. When I check it again, the sticky option is turn off. Do it multiple times and the setting still can’t be saved.

I enable it: https://ibb.co/kgvVwdj
The setting is not saved: https://ibb.co/0h677Qp

-There isn’t any option to copy the normal menu but I can still copy/paste the mobile menu just fine.

https://ibb.co/nL6X0PM

Post count: 35449

Hi,

You’ll need to do the same setting for sticky menu as you made for main menu, you’ll need to edit the sticky zone, this can be activate in edit mode like this ( please notice that this option is not for on/off on sticky menu on your website and it is only in tagdiv Composer editor )-> http://prntscr.com/pj1qw7
Here is a similar topic -> https://forum.tagdiv.com/topic/how-to-change-newspaper-to-my-site-name-into-the-sticky-menu-bar/

Thank you!

Post count: 84

Thank you, it’s working now!

Viewing 7 posts - 1 through 7 (of 7 total)
The forum ‘Newspaper’ is closed to new topics and replies.