News Ticker Layout Ipad - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

News Ticker Layout Ipad

J

johnny

Template 2 years ago

I am using the news ticker addon on my home page but on small screens it's not centered. Notice how the black bar stretches past thr right hand side of the screen.

Can someone advise?

0
9 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #125323

Hi

Please delete my previous css and use this one


@media (max-width: 844px){
.sppb-articles-ticker-heading{
  position:relative;
  left:5px;
}
.sppb-articles-ticker-wrap{
  display:flex;
  justify-content:center;
}
}

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #122276

Hi

Thanks for contacting us. Could you please give me a screenshot of your issue?

-Regards.

0
J
johnny
Accepted Answer
2 years ago #122285

You click on the URL I provided and see it?

Whenever I provide a screenshot I'm asked for a link to the live site..

Whenever I provide a link to the live site I'm asked for a screenshot..

:/

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #122354

Are you talking about this portion?

0
J
johnny
Accepted Answer
2 years ago #125155

No, i'm talking about the news ticker joomshaper addon.

https://imgur.com/a/96gxJVL

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #125234

Hi

Use this custom CSS


@media (max-width: 844px){
.sppb-articles-ticker-controller {
    position: absolute;
    left: auto;
    right: 25px !important;
}
.sppb-articles-ticker-text a{
    font-size: 11px !important;
    position: relative;
    left: 23px;
}

}

Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.

0
J
johnny
Accepted Answer
2 years ago #125252

I have added this but the only difference I can notice is smaller text. There is still the same issue with the ticker displaying off the edge of the small screen https://imgur.com/a/3ORBOhP

It's not even on both sides as it should be.

0
J
johnny
Accepted Answer
2 years ago #125636

Great, thanks.

Maybe you can include this css in the module so that I don;t have to add it to each of my websites as a fix?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #125639

I will inform our DEV team about it.

0