Site URL: http://www.her-table.com/home2
Hi,
If anyone could help me that would be greatly appreciated. I am trying to adjust the layout of my carousel blog to go from side by side to a stacked look on mobile view. Password to enter site is: Harmony
I have tried using this code:
@media screen and (max-width: 640px) {
#blog-navigation {
.summary-item-list {
display: flex; }
}
I know there is more code needed to make the adjustment, but my site does not respond to this. This should squish all the blog posts together as step one to getting it into a stacked look.
The full generic code ive been using looks like this:
#your-section-name-here {
@media screen and (max-width: 640px) {
.summary-item-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.summary-item {
width: 100%!important;
margin-bottom: 50px;
}
.summary-item:nth-child(n+4) {
display: none;
}
.summary-carousel-pager {
display: none!important;
}
}
@media screen and (min-width: 641px) {
.button-block {
display: none;
}}}
Please let me know if you can help.
7.0 site.