• 0
Sign in to follow this  
Followers 0

DMS 2 Masonic Gallery - Mobile (iOS iPhone 4S)


Question

Posted · Report post

Hey everyone, I'm using DMS 2.1.4 and I’m currently working on a blog website and everythings "fine" except for mobile on one page. That page:http://marieevelariviere.com/?page_id=14 is messed up on mobile, I’m testing with safari on iPhone 4S (320×480).

I’ve put the background-color to red on the elements that need to be in line (2 posts per row). Looks like there’s a problem with the width of columns or something like that, I’ve been looking and trying for 5 hours and still found nothing. If you could help me find a solution, that’d made my day. Tell me if you need more info.

screenshots:

https://www.dropbox.com/s/mbqg1cgozd04d4x/2014-08-06%2012.28.59.png

https://www.dropbox.com/s/tznyru265i3nj2e/2014-08-06%2012.29.09.png

here's my css for now:

@media screen and (max-device-width: 480px){
  
#masonicumnacb9 ul .span3{
    background-color:red;
    width:115px;
    height:115px;
    display:inline-block;
    position:relative;
    transform:none;
  }
 
}
 
Thanks a lot guys

Share this post


Link to post
Share on other sites

1 answer to this question

  • 0

Posted · Report post

Hi,

 

Well the issue is your Custom CSS. You're going to need to make alterations as that won't work. The issue is the Masonic section widths are already configured, with you adding padding, changing the widths etc... what you're doing is screwing the calculations up.

 

Unfortunately, we do not provide assistance to users created custom CSS. However, what I can offer is this, you will want to try and remove the widths/height, as they're likely one of the main causes of the styling issue.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0