fix mobile view issue
This commit is contained in:
@@ -26,9 +26,40 @@ export default function BlogGrid() {
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.elementor-104 .elementor-element.elementor-element-c70681e {
|
||||
margin-top: var(--space-section) !important;
|
||||
margin-bottom: 16px !important;
|
||||
}
|
||||
.custom-blog-grid {
|
||||
grid-template-columns: 1fr !important;
|
||||
gap: 48px !important;
|
||||
gap: 28px !important;
|
||||
padding: 24px 20px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.elementor-104 .elementor-element.elementor-element-c70681e {
|
||||
--padding-left: 10px !important;
|
||||
--padding-right: 10px !important;
|
||||
padding-left: 10px !important;
|
||||
padding-right: 10px !important;
|
||||
}
|
||||
.elementor-104 .elementor-element.elementor-element-3dec5cf {
|
||||
--padding-left: 0px !important;
|
||||
--padding-right: 0px !important;
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.elementor-104 .elementor-element.elementor-element-aa12479,
|
||||
.elementor-104 .elementor-element.elementor-element-aa12479 > .elementor-widget-container,
|
||||
.elementor-104 .archive-listing,
|
||||
.elementor-104 .custom-blog-grid {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
}
|
||||
.elementor-104 .custom-blog-grid {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user