Archived topic
ipad tablet padding
8 replies · Started by Konstantinos on April 29, 2020
Hallo i have some matters with the padding on ipad tablet device.I have three widgets in the footer and the middle one is pushed to another row,and also in a container with 2 images there is no space between them.
Thanks a lot for help.keep up the good work
Hi there,
Try adding this CSS:
@media (max-width: 1024px) and (min-width: 768px) {
.footer-widgets .inside-footer-widgets > div {
width: 33.333%;
clear: none;
}
}Hallo Tom,thanks for the quick answer and for the great job you and your team are doing all this time,i insert the code but didnt fix the landscape tablet view,still the middle footer widget is in a new row.
Hi there,
where did you add the CSS ? I cannot see it on your site ?
Hallo David in the customizer additional css..all my css there
Can you try moving the CSS Tom provided to the very top of Additional CSS
yes David thanks when i moved it on top it worked..the landscade mode of ipad is just fine,the portrait mode has a left alligment one down another
For the portrait mode for tablet this did the job:
/* Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.footer-widgets .inside-footer-widgets > div {
display: inline-block;
vertical-align: top;
width: 33%;
height: auto;
padding: 50px ;
}
}
Thanks a lot for the help!
Glad to hear that
