Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

sp feature apparence on mobile screens and link button on slideshow

Featured Lock Resolved Issue
Two issues

1) I removed the last item of sp feayure module, adding css you suggested to cunstom.css, but this has caused wrong visualization of the module on mobile screens ( see jpg attach). How can I solve?

2) How to manage the link on green button in slideshow?

Attachments (1)

  • Screenshot_20181130-115913.jpg
    Screenshot_20181130-115913.jpg 366.5 KB

6 Answers

Sifat - Staff

More than a month ago #Permalink
Hi Marco Curtarello,
Thanks for your queries.
1) Please use this css into your custom css to make them look good in mobile devices.

@media only screen and (max-width: 425px) {
.sp-features.container.features.sp-animation.sp-scaleup .row-fluid {
flex-direction: column;
}
}


2) Please check this screenshot to know about how to insert link in slider http://prntscr.com/lqgb4y

-Best Regards

Marco Curtarello

More than a month ago #Permalink
Thank you for your answers!

Inserting the link in sp smart slider module, affect also the title that take the default link color: is it unovoidable?

Another important issue in the look on mobile screens, is that in Home, when you open the menu , first voices are drowned out by the logo ( see the screenshot attached )

Attachments (1)

  • Screenshot_20181204-114524.jpg
    Screenshot_20181204-114524.jpg 480.2 KB

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your reply. Please use this css into your custom css to fix the slider title color

#sp-slideshow-wrapper #sp-smart-slider.sp-organic-life-layout .sp-slider-content h1.sp-title {
color: red;
}

And about the logo issue please share your site url here. That'll solve your issue easily.

-Best Regards

Marco Curtarello

More than a month ago #Permalink
the developping url is https://www.copralazio.it/sitojoomla

Sifat - Staff

More than a month ago #Permalink
Hi,
Please use this css for the logo issue

@media only screen and (max-width: 425px) {
#sp-logo img {
height: 80px;
margin-top: -15px;
}
}



-Thanks


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 122
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 90
Toufiq

Toufiq

Total Accepted Answers: 32
J

johnny

Total Accepted Answers: 3
Pavel

Pavel

Total Accepted Answers: 3

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us