Hi. I am trying to make a legacy ZenCart site mobile friendly.
The way I am trying to do this is increase the font size.
But also, I need to have the left and right side menus disappear on a screen width that is less than whatever a desktop or laptop screen is.
Then, I want to have a mobile button appear and selectively load the most essential side menu items into a slideout.
@media only screen and (max-width: 1026px) {
.leftBoxContainer, .rightBoxContainer {
display: none;
}
}
works to hide the columns. However, there is an empty space where the columns were.
What else needs to be done to stretch the middle area fully left to right? Thank you!
Bookmarks