#79210 Process element mobile bug

Landing Forums Jupiter WordPress Theme Process element mobile bug

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • zzzorn

    Hi there,

    The process element is not scaling anymore to mobile (1 step / column). Now all my 5 process steps are smashed into same column in mobile and it looks totally broken. Please help / fix the bug!

    Amir Rather Support Team

    Hi There

    Please try the below CSS in Theme Options > Advanced > Custom CSS:

    @media handheld, only screen and (max-width: 768px){
    .mk-process-steps.process-steps-5 li {
    width: 100% !important;
    }}

    Regards

    zzzorn

    Thanks,

    I added the CSS and now layout is closer to normal. There is still a line on 1st process item in mobile. And there is no vertical padding between the items. Originally the element looked better in mobile. Could you fix these as well?

    Amir Rather Support Team

    Please replace the above CSS with this:

    @media handheld, only screen and (max-width: 768px){
    .mk-process-steps.process-steps-5 li {
        width: 100% !important;
        padding-bottom: 40px;
    }
    .mk-process-steps.process-steps-5 ul:before {
       display: none;
    }}
Viewing 4 posts - 1 through 4 (of 4 total)
You must be logged in to reply to this topic. Login