Support Forums

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

Your Time: Our Time:

How do I adjust the column width for a calendar action (mobile views)?

Featured Lock Resolved Issue
Hi, I have a question. How do I adjust the column width for a calendar action (mobile views).

Image http://takejob.eu/domains/takejob.eu/width%20of%20the%20column.JPG.

url here

Thank you.

Attachments (1)

  • width of the column.zip 22.1 KB

9 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
use webmaster hammer = Code Inspector built-in in your browser to check which class is responsible for the margins/padding. And then override it for mobile view only.

Slavek Kozusek

More than a month ago #Permalink
I repaired padding


@media screen and (max-width: 767px) {
.home-upcoming-events .sppb-col-md-9, .home-upcoming-events .sppb-col-md-3 {
padding: 0 40px !important;
}
}


It is OK? I can set it globally for all devices?

Thank you.

Slavek Kozusek

More than a month ago #Permalink
It is not good. I have a problem with the headline (offset) again. Please visit the site here.

Thank you.

Paul Frankowski - Staff

More than a month ago #Permalink
Tip: Custom CSS can be used for single rows only.
--
I see on mobile OK

Attachments (1)

  • ok-moble.jpg
    ok-moble.jpg 50.3 KB

Paul Frankowski - Staff

More than a month ago #Permalink
But now on desktop it request small fix:

.home-upcoming-events .sppb-addon-text-block {padding: 50px 0 57px 50px; }

Slavek Kozusek

More than a month ago #Permalink
Hi, thank you for your advice, but when I use this code, then I have broken css shield in actions on mobile website. See this website from your mobile phone.

Thank you.

Paul Frankowski - Staff

More than a month ago #Permalink
so use inside


@media screen and (min-width: 1024px) {
.home-upcoming-events .sppb-addon-text-block {padding: 50px 0 57px 50px; }
}

Slavek Kozusek

More than a month ago #Permalink
Thank you, it helped, but is there right width of column "actions"? Column is narrower than articles (on mobile).

Paul Frankowski - Staff

More than a month ago #Permalink
Can you show me screenshot , I cannot find issue
It's on this same Homepage ?


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

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 144
Toufiq

Toufiq

Total Accepted Answers: 39
Sifat

Sifat

Total Accepted Answers: 16
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 10
Towfiq Omi

Towfiq Omi

Total Accepted Answers: 5

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