Hello @edgarask,
It depends on your page builder and other conditions that you have on your website.
For example, if you use Elementor page builder, you can simply add another section with different content and show this section on other screen sizes. It’s managed by the option included in Elementor: https://elementor.com/help/mobile-editing/. More or less, some page builder plugins provided this feature as a “visibility option”, so you can research in their documentation about this feature.
In other conditions, you can use custom classes and use the media query in CSS and styling customization.
You can use “Inspect Element” tools on the browser. Would you please follow the steps explained in this link: https://www.greengeeks.com/tutorials/article/use-the-inspect-element-tool-in-chrome/?
https://www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
CSS Tutorial: https://www.w3schools.com/css/
CSS Units: https://www.w3schools.com/cssref/css_units.asp
Responsive Sizes: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Put your CSS on custom screen size:
@media only screen and (max-width: 480px) {
/* put you CSS here*/
}
Or use between sizes:
@media (max-width: 960px) and (min-width: 481px){
/* put you CSS here */
}
I hope that helps.
Best Regards
