Hello!
On the following page I packed several tables in 1/2 layout elements. In medium to large displays everything looks very good, only on smartphones, the tables are truncated.
What would be a simple and good solution for that?
Hey!
Your site is asking for a password, could you post it as a private reply please?
Best regards,
Rikard
Hey!
Please try the following in Quick CSS under Enfold–>General Styling:
@media only screen and (max-width: 900px) {
.page-id-703 .container .av-content-small, .page-id-703 .flex_column, .page-id-703 .av-flex-cells .no_margin {
margin: 0 !important;
margin-bottom: 20px !important;
width: 100% !important;
}
}
Best regards,
Rikard
Yea thanks, that works great! =)
Kind regards
Lukas
One request I would have:
The submenu should represent at 865px browser window width all menu items to each other and centered . What Quick CSS do I need? ; )
Greetings and thanks a lot for your help!
Lukas
Hi!
I’m not sure what you mean by represent, do you want to hide the sub menu under 865px?
Regards,
Rikard
The submenu should shown at under 865px browser window width all menu items to each other and centered . What Quick CSS do I need? ; )
Greetings and thanks a lot for your help!
Lukas