Issues with Mobile/Responsive layout

[paulm]

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

[SeaTheme]

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.com – Twitter – Facebook

[SeaTheme]

This reply has been marked as private.

[paulm]

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.

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?

[SeaTheme]

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

[Author]

Posts