- This topic has 8 replies, 2 voices, and was last updated 5 years, 2 months ago by
.
-
Posts
-
Hi!
https://jennykanevsky.com/
Is there a way to modify/add CSS to cause a widget area to stay in one position on the page in mobile but still be otherwise responsive?
Specifically on this page, https://jennykanevsky.com/, the "copywriting with vision" widget text is in the right position on desktop but moves down on mobile.
I tried "position: absolute;" but the way I added it didn't do anything.
Thank you!The best way to achieve that would be add the words to the image itself. With all the different mobile devices, it will be hard to keep the text in the right position. The text looks a bit small on my end on laptop. But you'd have a much better user experience if you created the words in the image.
Need help with customization or troubleshooting? Reach out to me.
So of course, in that case, the text size won't adjust.
I think she'll have to decide which option she prefers, either a non moving text or adjustable text but not in the exact position she wants.
Thanks for the help!Yeah, it's kinda hard especially when people are looking for the best viewing experience. I always try to look at the Google Analytics of a clients' site to see where their traffic is coming from. If the majority of the traffic is coming from smaller to medium sized devices, then I'd say code it for "their best viewing experience".
Need help with customization or troubleshooting? Reach out to me.
And clients need to understand that while they "want the site to look and work the way they want it".... their site is for the audience/visitors to be able to use. Many don't put themselves in the position of an end-user.
Need help with customization or troubleshooting? Reach out to me.
Someone on the Genesis Facebook group suggested I may be able to use containers to get the widget at a specific point on the page. It's over a Front Page background image. Do you know if this is possible and if so, how it would be done?
The home page is not driven by blocks, but by widgets. So the containers are a mute point for this. You need CSS for the widget. If the home page was built with blocks then what they suggested in Facebook would have been an option.
Need help with customization or troubleshooting? Reach out to me.
Thank you! I haven't done any new sites since the Gutenberg update so I am out of touch with the blocks. I am still getting used to them on edits!
Thanks so much for the help!The only thing I can see maybe doing that's not a lot of work would be to create another widget area below the home image that only shows up on mobile. You could "hide" the text widget over top of the image on smaller devices and let that hidden widget show up. It would be hidden on desktop. You can do with Widget Options but you need to create the new widget area.
Need help with customization or troubleshooting? Reach out to me.
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.