Tagged: Responsive Design
- August 6, 2021 at 1:15 pm #41397Cheyenne HGuest
I’m trying to design elements in the page builder specifically for mobile users coming to my site. When I try to set my initial elements to be visible only on desktops and laptops, they’ll stay there for a bit, but when I switch from the mobile view to desktop view they’re suddenly gone. I don’t understand what’s wrong because those elements (you can see them on my site now, I reverted to an old version) are selected to show up on the desktop view. I’m not sure if I’m misunderstanding the option (perhaps it’s checkbox the one’s you want it to show on, but I could swear when I did this before it was checkbox the ones to hide it from). If anyone has any ideas on how I can fix this, it would be much appreciated.
CheyenneAugust 6, 2021 at 1:25 pm #41426Jesse OwensKeymaster
Thanks for the question, and sorry to hear about the frustration.
You’re right that when you’re using the Responsive Design settings in the Post and Page Builder that the checkboxes hide the elements on that type of device.
The only thing that comes to mind that might cause those to still be hidden when you switch back to the desktop view is that the editor’s viewport is still too narrow. That would “trick” the editor window to display the mobile styles. Here are three things you can check to make sure.
First, try hiding the left-side dashboard menu to make your editor full-width. Scroll all the way down and look for the < Collapse Menu option.
Second, try switching to single-column view. Look for Screen Options at the top-right of the screen, expand it, and select Layout > 1 Column.
Finally, make sure that you’re not “zoomed-in” with your browser. Usually, you can adjust this with CTRL + Minus and CTRL + Plus (or CMD on a Mac). When you’re zoomed-in, the result is similar to viewing it on a smaller device.August 6, 2021 at 2:51 pm #41427CheyenneGuest
Changing to the 1 column layout and zooming out worked! Thank you so much, I never would’ve thought of that on my own!
- The topic ‘Responsive Elements Completely Disappearing’ is closed to new replies.