Hi,
I am trying to do a layout for for mobile version using lot’s of the Toggle or Tabs to mimic a collapsible menu. How can I change the margin the container and the tabs or toggles to achieve this without loosing functionality.
Any css tricks will be appreciated.
Hi dhuet!
So your trying to change the margins of the tabs or toggles on small screens correct? Can you send us a link and take a screenshot highlighting how your wanting to change them? (make them smaller? bigger? etc etc)
Cheers!
Elliott
I have started yet on deploying the design on Enfold, but Once I will. I will provide you with a link. I was just trying to inquiry what would be the best way to eliminate the margins in general on smartphone behavior to get as much screen as as possible in the same spirit as fullwidth box and grid row.
Hey!
It’s difficult for us to give you custom code if we can’t inspect the page ourselves, please upload something to a live server and we’ll have a look then.
Regards,
Rikard
Hey!
Try this out.
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container {
width: 100% !important;
max-width: 100% !important;
}
}
Best regards,
Elliott