Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 2, 2018 at 5:30 pm #920446
    emanuelecocchiaro

    Hi I’m using a tab section with a Masonry portfolio inside each tab. I need to solve 2 issues running on mobile view.

    1. I have the masonry with 6 columns displayed on desktop. From mobile they adjust automatically to one column, but i’d like to keep 2 columns next to each others on mobile. Can you help me do this?

    2. As you can see from mobile, going from a tab to another sometimes I see a different padding space that is definitely too much. For example:
    on “Brand Strategy” tab I have this huge padding, and i don’t on “graphics” tab. How can I eliminate the padding?

    Here is the url to see the page, I’m talking about the part named “OUR WORKS”

    Home

    March 3, 2018 at 11:13 am #920728
    Victoria

    Hey emanuelecocchiaro,

    Making the masonry items smaller on mobile is not a good idea. The text will cover most of it and some images will not be seen at all, here is an example.
    Image 2018-03-03 at 17.10.01.png

    2. You need to set you tab content to align to the top, not the middle. It is done in the “Edit tab” tab.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    March 5, 2018 at 12:21 pm #921443
    emanuelecocchiaro

    Hi Victoria, thanks for your response. We still haven’t decided if we want to keep the title showing, so could you give me instructions anyway on how to do that, so that I can see how it looks.
    I’ve copied this from your image but it didn’t work

    @media only screen and (max-width: 480px)
    .responsive #top .av-masonry-entry {
    width: 50%;
    }

    Thanks

    March 6, 2018 at 5:10 am #922026
    Ismael

    Hi,

    The curly braces are missing. Please try this one.

    @media only screen and (max-width: 480px) {
    .responsive #top .av-masonry-entry {
       width: 50%;
     }
}

    Make sure that you’re checking this on a device with a maximum screen width of 480px.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.