problem

2 months ago

Hello Daniel

I spotted a problem today and I believe it coming from our plugin.

First video.Every time I scroll down the whole page is moving slightly up and down.When I am going up: no problem.It appears to happen in large devices.Under certain resolution which I think is 1024px the problem disappear.

https://screencast-o-matic.com/watch/cb6IqcIH1a

 

After disabling the plugin the problem disappears entirely.

https://screencast-o-matic.com/watch/cb6IqcIH1a

Keep in mind that I am using the code below:

@media all and (max-width: 1024px) {
#sc-notifications-bar { display: block !important; opacity: 1 !important; }}

 

@media (max-width: 991px) {
#sc-notifications-bar { padding-top: 0px !important; padding-bottom: 0px !important; }
#sc-notifications-bar-socials { line-height: 35px; }
#sc-notifications-bar-socials:empty { display: none; }}

#sc-notifications-bar {
min-height: 35px;
line-height: 35px;
z-index:999;}

 

.sc-notifications-content {
font-weight: 500;
letter-spacing:1px;}

@media (max-width: 400px){
.sc-notifications-content {
letter-spacing:0;}}

 

#sc-notifications-bar .btn {
padding: 5px 7px 5px 7px;
font-size:13px;
font-weight: bold;}

 

@media (max-width: 1024px){
#sc-notifications-bar .btn{
padding: 5px 7px 2px 7px;}}

 

#ticker li {
text-align: center;
line-height: 35px;}

 

Waiting for your reply

Leonidas

 

 

 

lao6097 2 months ago

The second video is wrong.I made a mistake.Sorry.

the correct:

https://screencast-o-matic.com/watch/cb6IqfIH17

 

 

 

lao6097 2 months ago

Finally I managed to solved the problem using the code below:

@media all and (max-width: 2600px) {
#sc-notifications-bar { display: block !important; opacity: 1 !important; }}

I don’t know If I made something wrong

Please advise

Login to add your reply, or if you need help and wish to create a ticket, you can Register Here