Header to sticky fixed header

contact4862
20 Posts
contact4862 posted this 14 April 2021
Ask a Question

Hi,
I need to have some informations on how to set properly header and sticky header.
I succeed in setting my header adding it transparent above a big image.
But when scrolling i need my header to become sticky and fixed / visible with a background color.
I need also to custom my sticky header in other ways than my header (adding an icon instead of my logo and changing menu positionning and maybe menu colors too (cause there is a background when in sticky mode)

I succeed to make this changes when in responsive header but not when sticky.

I don't succeed to see sticky header in my nice page app.

Thankls for helping me.

Hi, I need to have some informations on how to set properly header and sticky header. I succeed in setting my header adding it transparent above a big image. But when scrolling i need my header to become sticky and fixed / visible with a background color. I need also to custom my sticky header in other ways than my header (adding an icon instead of my logo and changing menu positionning and maybe menu colors too (cause there is a background when in sticky mode) I succeed to make this changes when in responsive header but not when sticky. I don't succeed to see sticky header in my nice page app. Thankls for helping me.
Vote to pay developers attention to this features or issue.
15 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 15 April 2021

Hi Nicolino,

Please note that the Sticky effect is visible in the preview and on the exported theme only, you cannot see this effect in the application.

As for adding different icon fr the logo and different menu position in the sticky header, this is not possible.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Nicolino, Please note that the Sticky effect is visible in the preview and on the exported theme only, you cannot see this effect in the application. As for adding different icon fr the logo and different menu position in the sticky header, this is not possible. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
contact4862
20 Posts
contact4862 posted this 17 April 2021

But why it is possible to change menus and logo positions when in mobile / tablet view and not when in sticky header ?
And why it is not possibile to decide which sort of logo to display when in normal view (big and complete logo) and in mobile view (only icon logo)
I think you have to improve this way cause when setting sticky header i can't see what's happening without exporting project and we should have the way to decide which logo to display when in responive views.

But why it is possible to change menus and logo positions when in mobile / tablet view and not when in sticky header ? And why it is not possibile to decide which sort of logo to display when in normal view (big and complete logo) and in mobile view (only icon logo) I think you have to improve this way cause when setting sticky header i can't see what's happening without exporting project and we should have the way to decide which logo to display when in responive views.
Support Team
Support Team posted this 19 April 2021

Hi Nicolino,

The Sticky option can be seen in the preview as well. And your suggestions will be included in our wishlist.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Nicolino, The Sticky option can be seen in the preview as well. And your suggestions will be included in our wishlist. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
contact4862
20 Posts
contact4862 posted this 19 April 2021

I think, no i'm convinced that user has to directly see results when editing in nice page (in my case sticky fixed header can't be seen directly in the app.
And off course changing logo depending header when sticky or not or when in responsive mode has to be integrate in the app.
Nicepage plan to be a website app where all transformations and editions are available and this needed function is missiing.

I think, no i'm convinced that user has to directly see results when editing in nice page (in my case sticky fixed header can't be seen directly in the app. And off course changing logo depending header when sticky or not or when in responsive mode has to be integrate in the app. Nicepage plan to be a website app where all transformations and editions are available and this needed function is missiing.
Support Team
Support Team posted this 19 April 2021

Hi Nicolino,

Your suggestions are in our wishlist.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Nicolino, Your suggestions are in our wishlist. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
contact4862
20 Posts
contact4862 posted this 19 April 2021

Thanks and let me know asap cause i need this way for my client's project to begin my first project using nicepage.

Thanks and let me know asap cause i need this way for my client's project to begin my first project using nicepage.
Support Team
Support Team posted this 19 April 2021

Hi Nicolino,

We have considered this suggestion for our wishlist. We cannot provide any guarantee that this functionality will be implemented.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Nicolino, We have considered this suggestion for our wishlist. We cannot provide any guarantee that this functionality will be implemented. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
wpexpertinbd
48 Posts
wpexpertinbd posted this 04 May 2021

Hi Nicolino,

I am not able to make header sticky if I use your plugin directly with WordPress not with desktop version. If I want to enable sticky header then may I must need to use desktop application?

Thanks
Benjamin Biswas

Hi Nicolino, I am not able to make header sticky if I use your plugin directly with WordPress not with desktop version. If I want to enable sticky header then may I must need to use desktop application? Thanks Benjamin Biswas
Support Team
Support Team posted this 04 May 2021

Hello Benjamin,

You should be able to use both the desktop app and the plugin to enable the "sticky on scroll" option for the header. If you're having an issue with making that happen with the plugin, please create a new ticket so your question won't be lost.
...................................................
Sincerely,
Lilioneta
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello Benjamin, You should be able to use both the desktop app and the plugin to enable the "sticky on scroll" option for the header. If you're having an issue with making that happen with the plugin, please create a new ticket so your question won't be lost. ................................................... Sincerely, Lilioneta Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
Support Team
Support Team posted this 04 May 2021

Hi,

Also please check that the pages where you want to see the sticky header are using the Nicepage Header and Footer template in the settings.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, Also please check that the pages where you want to see the sticky header are using the Nicepage Header and Footer template in the settings. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
contact4862
20 Posts
contact4862 posted this 19 May 2021

Ok and what about my needs to see custom sticky fixed header directly in the app with the way to change logo when in sticky header ?

Ok and what about my needs to see custom sticky fixed header directly in the app with the way to change logo when in sticky header ?
Support Team
Support Team posted this 20 May 2021

Hi Nicolino,

The sticky option is visible only on the live site and in the preview.

As for the charged logo, this option is in our wishlist.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Nicolino, The sticky option is visible only on the live site and in the preview. As for the charged logo, this option is in our wishlist. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
contact4862
20 Posts
contact4862 posted this 20 May 2021

Ok, i've heard about visibility only on the live site and in the preview.
But why not added this directly in the app like it is in Mobirise or Elementor ?
It's strange and unusfull to have to publish or preview to see each adjutments made only when working on header.

Ok, i've heard about visibility only on the live site and in the preview. But why not added this directly in the app like it is in Mobirise or Elementor ? It's strange and unusfull to have to publish or preview to see each adjutments made only when working on header.
Support Team
Support Team posted this 20 May 2021

Hello Nicolino,

We appreciate your suggestion and we will add it to our wishlist. Stay tuned for new releases!
...................................................
Sincerely,
Lilioneta
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello Nicolino, We appreciate your suggestion and we will add it to our wishlist. Stay tuned for new releases! ................................................... Sincerely, Lilioneta Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
verbri.mx
1 Posts
verbri.mx posted this 27 March 2023

Podrían agregar en css la siguiente clase y lo aplican en el header
.header-sticky{
position: sticky;
top: 0px;
z-index: 1000;
}

Podrían agregar en css la siguiente clase y lo aplican en el header .header-sticky{ position: sticky; top: 0px; z-index: 1000; }
You must log in or register to leave comments