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
John Milleker Jr.
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.
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.
Tim - PicturesPro.com
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.
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
My Email Address: info@picturespro.com
John Milleker Jr.
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
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
Shawn Mertz
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.
John Milleker Jr.
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.
Please log in or Create an account to post or reply to topics.
Loading more pages