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

Your Time: Our Time:

Melvin Slider Proportions

Featured Lock Resolved Bug
Hello,

I am having problems with the responsiveness of the Slider in the Melvin template. The proportions aren't right on mobile. This also happens in the demo: http://demo.joomshaper.com/?template=melvin

Can you please help me out?

With kind regards,

1 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
it depends on the size of used images, anyway, this may help for mobile view (Custom CSS method)


@media (max-width: 580px) {
.sppb-item.sppb-item-has-bg > img,
.sppb-item.sppb-item-has-bg .sppb-carousel-pro-text
{ height: auto; }
.sppb-item.sppb-item-has-bg .sppb-carousel-pro-text {margin-top: 50px;}
.sppb-carousel-pro-text .sppb-carousel-pro-content
{ font-size: 24px !important; margin: 5px 0 !important;}
.sppb-carousel-pro-text .sppb-btn.sppb-btn-primary,
.sppb-carousel-pro-text .sppb-btn.btn-primary
{ padding: 5px 25px; }
}

AFTER CSS FIX
after_fix.jpg


BTW
2nd way would be to use the alternative row with a slider for mobile view only

BTW
How to use custom CSS, read in Helix Documentation

Attachments (1)

  • after_fix.jpg
    after_fix.jpg 67.3 KB


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 134
Toufiq

Toufiq

Total Accepted Answers: 106
Sifat

Sifat

Total Accepted Answers: 69
ES

Emma Seymour

Total Accepted Answers: 1
B

blueoceanyyc

Total Accepted Answers: 1

116

Templates

300069

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