Problem With Mobile Version - Question | JoomShaper
Back to the questions

Problem With Mobile Version

J

Jon

SP Page Builder 8 months ago

Hello! I can't set up the mobile version. The 1-row table in the mobile version is displayed as a table with 2 columns, and the entries in 1 column are the same. Please take a look at the screenshots

https://drive.google.com/file/d/1FCbkc8q_8crUWEm-Hx0wXwES9Wt2kmmU/view?usp=drivesdk

0
Website
https://www.savt.pro
1 Answers
Order by
Oldest Newest Votes
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 8 months ago #182966

Hello Jon,

Thanks for reaching out to us.

Please use this css in your custom css, To add this you can follow this documentation: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

@media only screen and (max-width: 568px) {
    #column-wrap-id-1738486836928 {
        max-width: 100%;
        flex-basis: 100%;
    }
            #sppb-addon-wrapper-3eHmWMYkKR0aV-3kZCWcl {
        width: 100%;
    }
    .sppb-addon-table-main.bt tbody td::before, .sppb-addon-table-main.bt tfoot td::before, .sppb-addon-table-main.bt tfoot th::before {
        width: 100%;
    }
        .sppb-addon-table-main.bt tbody td {
    display: block;
}
#sppb-addon-1738487712335,
#sppb-addon-1738523513731{
    margin-bottom: 20px;
}
}

Thanks,

0