Home Forums Air WordPress Theme Issues with Mobile/Responsive layout

This topic contains 4 replies, has 2 voices, and was last updated by  BWSM 6 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #15010

    paulm
    Participant

    Hi,

    ONe or two small issues ican’t solve with the responsive css.

    Page:http://dev.labmeta.net/site/selected-work/

    On this page when viewed on a mobile I get a white gap at the top. I think it’s due to the content starting at the top of the page, which works everywhere except small mobiles. If you set the chrome profile to iphone 7 you should see it. I’ve tried a bunch of CSS fixes but can’t seem to find the right class or id to target. Any pointers?

    Page: http://dev.labmeta.net/site/projects/

    On this page. I have the settings “Columns for Mobile” set to 1, however it still uses a 3 column layout on mobile devices. Please advise? Not sure what i’m missing here.

    Many Thanks,

    Paul

    #15016

    BWSM
    Keymaster

    Hi

    Please paste the custom css code to “Appearance > Customize : Additional CSS”

    @media (max-width: 767px) {
     responsive-ux .container-masonry {
        margin-top: 0; }
    }

    But I saw it is col-1 on mobile.

    Regards!
    Bwsm – uiueux.comTwitterFacebook

    #15018

    BWSM
    Keymaster
    This reply has been marked as private.
    #15022

    paulm
    Participant

    Hi,

    Perhaps we’re seeing different things with regard the 1 column issue.

    Here is the URL again: http://labmeta.net/site/projects/

    Here is a screenshot of what i see. I’ve tried this on 2 different phones and a couple of computers and i get the same result.

    Screenshot from Iphone

    Screen shot from chrome using iphone7 profile

    So it should be using a 1 column masonry on mobile devices – but i’m seeing a 3 column layout.

    Thanks,

    Paul

    PS – Yes happy for you to feature on your showcase area when it’s ready. Whats the best email to talk to you privately?

    • This reply was modified 6 months ago by  paulm.
    #15028

    BWSM
    Keymaster

    Please try to add the media query for this css(lin126) in custom.css of child-theme

    @media(min-width:768px) {
    .ux-portfolio-3col .grid-item,
      .ajaxed-grid-item.grid-item {
        width: 33.3333%;  }
      }

    Thanks! Our mail: uiueux@gmail.com

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.