Home Forums Themes Support Claue Mobile isn’t responsive

Viewing 10 reply threads
  • Author
    Posts
    • #38463
      DonnaJacky
      Supported

      Dear Harry,

      The theme isn’t responsive at mobile (specialy the headers).
      I need them to be responsive.

      Attachments:
      You must be logged in to view attached files.
    • #38470
      Harry
      Supported

      Hi Donna,

      I helped you adjust hero banner. Please add more code to make it work on mobile in Claue > Theme Option > General Layout > Custom CSS

      @media only screen and (max-width: 767px) {
      .vc_row.vc_custom_1599814288885 {
      	padding-top: 20vh !important;
      	padding-bottom: 3vh !important;
      }
      .vc_row.vc_custom_1599814621028 {
      	background-position: center left !important;
      	background-repeat: no-repeat !important;
      	background-size: cover !important;
      }}

      Kind regards

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

    • #39264
      DonnaJacky
      Supported

      Dear Harry,

      How to make sure all our banners will be mobile proof, without adding a CSS code everytime?
      With the Black Friday Sale coming up, we want to change the banner every day, but we have to make sure that the banners will also be mobile responsive. What do we need to do? Which settings or sizes?

    • #39269
      Harry
      Supported

      Hi Donna,

      It only way is embed banner as the single image element of page builder, don’t use as background image but you have design image with text on photoshop before upload.
      https://prnt.sc/vlx86p

      Kind regards

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

    • #39285
      Harry
      Supported

      Hi Donna,

      Please add new row and use banner for mobile and change setting one hide on mobile and new hide on desktop https://prnt.sc/vmi7x5

      Kind regards

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

    • #39293
      Harry
      Supported

      I help you add sample, please change background on 2nd row for mobile.

      Kind regards

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

    • #39295
      Harry
      Supported

      You have to change setting of the row for mobile and change background with lower height.

      Kind regards

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

    • #39312
      Harry
      Supported

      Hi Jacky,

      Please edit the row wrap banner and change padding top and padding bottom when you change height of banner https://prnt.sc/vnm0qm

      Kind regards

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

    • #39314
      Harry
      Supported

      The mobile banner size should be 440 x 200px.
      And you also have to change padding top and padding bottom for mobile.

      Kind regards

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

    • #39315
      Harry
      Supported

      Please add new row for mobile under the row for desktop and follow this screenshot to edit padding for mobile https://prnt.sc/vnm0qm

      Please reply on this topic so we can track your issue. If you continue reply email we have to stop support you.

      Kind regards

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

    • #39319
      Harry
      Supported

      Hi Jacky,

      1. For desktop please check in hide on mobile https://prnt.sc/vohil3

      2. For mobile please check in to hide on desktop https://prnt.sc/vohkdy

      Kind regards

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

Viewing 10 reply threads

You must be logged in to reply to this topic.