Home Forums Themes Support Gecko Set responsive feature for background image

Viewing 1 reply thread
  • Author
    Posts
    • #2286

      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

    • #2288

      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

Viewing 1 reply thread

You must be logged in to reply to this topic.