- This topic has 7 replies, 3 voices, and was last updated 3 years, 6 months ago by
.
Viewing 8 posts - 1 through 8 (of 8 total)
-
Posts
-
Hi
I would like to retain 2 columns format as at 768 of the site from 700 to 767px rather 1 column…
Regards
Customer Support
Hi there,
Try this CSS:
@media (min-width: 700px) and (max-width: 768px) { .generate-columns-container .mobile-grid-100 { width: 50%; float: left; } .generate-columns { padding-left: 10px; } .generate-columns-container { margin-left: -10px; } }Thanks Leo, it is working with following tweak:
@media (min-width: 640px) and (max-width: 767px) { .generate-columns-container .mobile-grid-100 { width: 50%; float: left; } .generate-columns { padding-left: 10px; } .generate-columns-activated .generate-columns-container { margin-left: -10px; } }Glad to hear 🙂
Hi
with flex box, please help to improve following code, because it is not showing sparating space…
@media (min-width: 640px) and (max-width: 767px) { .generate-columns-container .mobile-grid-100 { width: 50%; float: left; } .generate-columns { padding-left: 10px; } .generate-columns-activated .generate-columns-container { margin-left: -10px; } }Customer Support
Hi there,
try this CSS:
@media (min-width: 640px) and (max-width: 767px) { .generate-columns-container .mobile-grid-100 { width: calc(50% - 5px); } .generate-columns-container { justify-content: space-between; } }Thanks David, it is working. Regards.
Glad to hear that
Viewing 8 posts - 1 through 8 (of 8 total)
- You must be logged in to reply to this topic.