Modify CSS in the header

Gilson_RG
33 Posts
Gilson_RG posted this 18 February 2021
Report a bug

Modify for the following CSS classes in the header, as those generated by Nicepage Desktop break the layout when clicking on the mobile menu:

.u-header.u-sticky,
.u-offcanvas-opened .u-header.u-sticky {
z-index: 20!important;
position: sticky!important;
}
.u-overlap .u-header.u-sticky,
.u-overlap.u-offcanvas-opened .u-header.u-sticky {
z-index: 20!important;
position: fixed!important;
}

Modify for the following CSS classes in the header, as those generated by Nicepage Desktop break the layout when clicking on the mobile menu: .u-header.u-sticky, .u-offcanvas-opened .u-header.u-sticky { z-index: 20!important; position: sticky!important; } .u-overlap .u-header.u-sticky, .u-overlap.u-offcanvas-opened .u-header.u-sticky { z-index: 20!important; position: fixed!important; }
bug error css
Vote to pay developers attention to this features or issue.
7 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 18 February 2021

Gilson,

Please clarify your question.

...................................................
Sincerely,
Allen R.
Nicepage Support Team

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

Gilson, Please clarify your question. ................................................... Sincerely, Allen R. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
Gilson_RG
33 Posts
Gilson_RG posted this 18 February 2021

That the CSS generated in the following class causes layout breaks in the header, the ones I sent above are modifications that fix the problem.

That the CSS generated in the following class causes layout breaks in the header, the ones I sent above are modifications that fix the problem.
Support Team
Support Team posted this 18 February 2021

Hi Gilson,

We need to investigate the issue. Please provide a link to the page where we could see the issue and describe what exactly is wrong. A screenshot may be also helpful.

...................................................
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 Gilson, We need to investigate the issue. Please provide a link to the page where we could see the issue and describe what exactly is wrong. A screenshot may be also helpful. ................................................... 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
Gilson_RG
33 Posts
Gilson_RG posted this 18 February 2021

I reported about the error about 2 months ago, but so far it has not been fixed.

https://resources.nicepage.com/651/36651/1.jpeg?version=
https://resources.nicepage.com/652/36652/2.jpeg?version=
https://resources.nicepage.com/333/37333/video.mp4?version=

I reported about the error about 2 months ago, but so far it has not been fixed. https://resources.nicepage.com/651/36651/1.jpeg?version= https://resources.nicepage.com/652/36652/2.jpeg?version= https://resources.nicepage.com/333/37333/video.mp4?version=
Support Team
Support Team posted this 19 February 2021

Hi Gilson,

I have found the case where you have reported that issue and we have requested your project or link to the website. As you were developing on the localhost please provide your exported project. We need it to reproduce the problem.

...................................................
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 Gilson, I have found the case where you have reported that issue and we have requested your project or link to the website. As you were developing on the localhost please provide your exported project. We need it to reproduce the problem. ................................................... 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
Gilson_RG
33 Posts
Gilson_RG posted this 19 February 2021

There is no need to submit a project, as the problem is not with my project.

The problem is in the CSS of the header when adding the sticky on scroll or header over block options to the menu, and when clicking on the hamburger menu the header is broken.

This happens in any project / template that is used, so just check in any of Nicepage.

Fixing it with custom CSS is not cool, Nicepage desktop should already generate the correct CSS.

In addition to this problem, there is another problem when the user is logged in to WordPress and the administration bar on the front end is floating.

Do the tests and see the problems, but test in the real browser, not in the Nicepage viewer.

There is no need to submit a project, as the problem is not with my project. The problem is in the CSS of the header when adding the sticky on scroll or header over block options to the menu, and when clicking on the hamburger menu the header is broken. This happens in any project / template that is used, so just check in any of Nicepage. Fixing it with custom CSS is not cool, Nicepage desktop should already generate the correct CSS. In addition to this problem, there is another problem when the user is logged in to WordPress and the administration bar on the front end is floating. Do the tests and see the problems, but test in the real browser, not in the Nicepage viewer.
Support Team
Support Team posted this 20 February 2021

Gilson,

Thank you for the suggestion, we will improve that.

...................................................
Sincerely,
Allen R.
Nicepage Support Team

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

Gilson, Thank you for the suggestion, we will improve that. ................................................... Sincerely, Allen R. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments

Company
Product
Themes & Templates
Nicepage
Web Design