Sign in to follow this  
Followers 0

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

2 posts in this topic

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: 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.


here's my css for now:

@media screen and (max-device-width: 480px){
#masonicumnacb9 ul .span3{
Thanks a lot guys

Share this post

Link to post
Share on other sites



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

  • Similar Content

    • BUG: "content" adds 1 more padding on mobiles
      By micstepl+
      "content section" adds 1 more padding on mobiles
      see attached image
    • Visibility on mobile - tags or code?
      By mikeeg8+
      Is there a quick way to show/hide things on mobile and desktops please, i.e. like a shortcode or similar?
      I've used a bit of code, but wondered if that was the mode elegant way - is there something built into a media box, for example that would give me a hide on desktop toggle?
      Thank you
    • Textbox contents against the side of the screen on smartphones
      By Kempston+
      Good day
      How do I indent textbox content so that it's not flush against the side of the screen on mobile devices?
      When I view Kempston Truck Hire East London on my phone, the text is aligned against the side of the screen and doesn't look right.
      Many thanks
    • Hero Section - Mobile View Issue
      By hibbsy78+
      Following the latest updates I now have an issue with the hero section on mobile. The content is extremely narrow. All looks ok on desktop....

    • please do not dorngrade funtionality / Strategic resommendation
      By micstepl+
      As a start I´d like to mention, that Platform5 is just great !!!
      I´d like to deviier a strategic input tp the pagelines team for Plaform 5. This is a general request and recommendation, based on the example of Masonic. DMS2 offered essential functions that are already implemented in the field amongst developers and customers. Competitors do already offer it on a high level as well. I do unterstand that some features, like Parallx (although I like it) are not appropreate form the speed & communications perpective, like Andrew mentioned. 
      Problem: What I do see is, that Platform5 currently downgrades comodity market functionality - having signifikant impact on existent projects, when building new, or migrating, what customers already have and are used to. In the context of masonic this forces a complete logical redesign of the site.
      eg. downgrades / dropped functionalities
      meta-key + meta-key-value grid mode suggested work-arounds
      relaunch the above mentioned fields to masonic add a field "Show Only On Page(s)"  (same as "Hide On Page(s)" ... just oposite) this allows to pick out some selected pages eg. for summary navigation  
      I do recommend, that functionality, bound to the core of WP, offer most flexible functionality in all data blocks available.