- This topic has 3 replies, 2 voices, and was last updated 4 years ago by
.
-
Posts
-
Hello –
I hope I can explain this in a way that makes sense.
In the customizer, this is listed as customizing > layout > featured images > posts
I have:
Location > Below Title
Alignment > Left
Size > medium_largeThere is awkward text wrapping (in Chrome only) on smaller screens. Is there a way to change the behavior below a certain width? I would like to not make the text not wrap around the image when the image takes up most of the screen and there are only a few letters on the right side. Seems like this happens automatically in Firefox and Edge but not in Chrome. In the other browsers, the text stops wrapping sooner than it does in Chrome.
Like I said I am not sure I have explained it well but I have included a screen shot in the private info.
Thank you!
Customer Support
Hi Jasper,
This is the default behavior when you have this setting in Appearance > Customize > Layout > Blog: https://share.getcloudapp.com/5zuLZDmZ. Moreover, it also expected to behave differently in different browsers.
To force it not to wrap when it drops lower than a specific screen size, here is a custom CSS code you may use:
@media (max-width: 1400px) { .featured-image.page-header-image-single { float:none !important; } }Kindly replace
1400with your preferred screen size to disable wrapping of the text/float-left of the image.Here is an article with regards to adding custom CSS: https://docs.generatepress.com/article/adding-css/#additional-css
Adding it through Additional CSS should work.
Kindly let us know how it goes. 🙂
That works great. I added it in the customizer where I add everything else. I appreciate your help!
You’re welcome Jasper! Glad that works! Feel free to reach out if you’ll need assistance with anything else. 🙂
- You must be logged in to reply to this topic.
