Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #412345

    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.

    #412606

    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

    • This reply was modified 9 years, 8 months ago by Elliott.
    #412613
    This reply has been marked as private.
    #412866

    Hi!

    Could you provide us with a link to the site in question please?

    Cheers!
    Rikard

    #413015

    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.

    #413387

    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

    #413919
    This reply has been marked as private.
    #415341

    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

    • This reply was modified 9 years, 8 months ago by Elliott.
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.