To post a new support question, click the Post New Topic button below.
Current Version: 4.8.5 | Sytist Manual | Common  Issues | Feature Requests

Please log in or Create an account to post or reply to topics.
You will still receive notifications of replies to topics you are part of even if you do not subscribe to new topic emails.

Page Designer For Mobile

61 posts
Sun Jan 20, 19 7:13 PM CST
I'm looking for a way to adjust how Page Designer pages are displayed on mobile.

I just don't like how it blows up every Column of 'Column' Photo with adjustable ratio & background on mobile (specifically tablet). I'd like to find a way, CSS or otherwise to make these smaller.

Has anyone successfully edited how page design is interpreted on mobile? The sliders seem to have no affect and I've struck out so far trying to inspect CSS and make adjustments there.
16,148 posts (admin)
Mon Jan 21, 19 10:40 AM CST
Basically, when the screen width goes below 800 pixels, it puts everything in one column. This is done with CSS and javascript. I tried some trickery with additional css, but couldn't come up with anything to override the behavior.

I do plan on making mobile breakpoint options in the page designer, but no idea when I would get around to that.
Tim Grissett, DIA - PicturesPro.com
My Email Address: info@picturespro.com
61 posts
Mon Jan 21, 19 1:18 PM CST
Thanks Tim, I look forward to seeing it evolve.

I've added a Horizontal Rule at the bottom of my text boxes so that there's a line between my single column elements on mobile. They seemed to melt together and could get confusing. I'd love to be able to get in and place a space between them to separate them. And of course if I can adjust the scale of the whole element on mobile you'd make my day. Maybe even allow me to adjust to single or column options for mobile.

-John
145 posts
Wed Jan 23, 19 10:17 AM CST
If you are using Safari browser on a MAC under the Develop menu select "Enter Responsive Design Mode" this will let you pick a phone or tablet preview.
61 posts
Wed Jan 23, 19 4:33 PM CST
Thanks Shawn, I just stretch the browser smaller and pop out the inspect module for putzing around with the code. I'm on PC, there are also Firefox and Chrome 'web designer' extensions that will let you resize the window automatically to test as well for anyone in the future looking for a solution.

5 total messages
Please log in or Create an account to post or reply to topics.
This post has been viewed 390 times
Category: Site Design
 
Loading more pages
Loading more pages

Sign up for email promotions.

Your information is safe with us and won't be shared.

Thank you for signing up!

 
©2003 - 2021 Grissett, LLC. All Rights Reserved.

By continuing to browse or by clicking Accept Cookies, you agree to the storing of cookies on your device necessary to provide you with the services available through our website.

    Accept   Privacy & Cookie Policy
Loading More Photos
Scroll To Top
Close Window
Loading
Close