Set responsive feature for background image

[chaos_undefined]

Hello,

On the header page I was trying to replace the meta slider with one single image. I added a background image and a overlay text block. Looks ok on the desktop but, how can change the setting to maintain aspect ratio of both the image and text block for mobile viewing?

Thanks

[Harry]

Hi,

1. You can set image background responsive on mobile by set it as cover https://monosnap.com/file/aLcXx1qKX3zlwJdUHCf8BZ0BKqL8Tr#

2. For the text you can add css for responsive in JanStudio > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 480px) {

.your_class { font-size: 12px;}

}

Change “your_class” with your class you added for text and change 12 with your number

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts