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?
Solved
Templates
News Ticker Layout ipad
Accepted answer
Marked as the solution
Mehtaz Afsana Borsha Staff
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;
}
}
7 more replies
Mehtaz Afsana Borsha Staff
Hi
Thanks for contacting us. Could you please give me a screenshot of your issue?
-Regards.
johnny Asked this
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..
:/
Mehtaz Afsana Borsha Staff
Are you talking about this portion?
johnny Asked this
No, i'm talking about the news ticker joomshaper addon.
Mehtaz Afsana Borsha Staff
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.
johnny Asked this
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.
johnny Asked this
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?
Mehtaz Afsana Borsha Staff
I will inform our DEV team about it.
Log in to reply.