Post Title Text Too Big on Mobile

Hello @rowdyfisherman,

Please put the CSS below in Customizing > Custom CSS/JS > CSS Code:

@media (max-width: 768px) {
    #wrap .oceanwp-post-list.one h2 {
        font-size: 16px !important;
    }
}

Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

Note: if you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

______

You can learn how to use Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS:
https://developers.google.com/web/tools/chrome-devtools/
https://developer.mozilla.org/en-US/docs/Tools
CSS Tutorial: https://www.w3schools.com/css/

And for responsive sizes, put your CSS on custom screen size:

@media only screen and (max-width: 480px) {
    /* put your custom CSS here*/
}

Or use between sizes:

@media (max-width: 960px) and (min-width: 481px){
    /* put your custom CSS here */
}

For more information about media queries, please read this article:
https://www.w3schools.com/css/css_rwd_mediaqueries.asp

I hope that helps.
Best Regards

• This reply was modified 1 year, 10 months ago by Shahin.