Home › Forums › Themes Support › Claue › How to make homepage banner image big on mobile?

Viewing 18 reply threads
Save
  • Author
    Posts
    • August 4, 2021 at 9:58 pm #42032
      ushoptwo

      Hi, how to make homepage banner image big on mobile? The image on desktop is big but on mobile image get shrinks quite bit that the text I wrote you can not read. How we can fix this? I notice that some of websites their mobile version different than the desktop. How this works? Thanks

    • August 4, 2021 at 10:26 pm #42033
      Harry

      Hi,

      The banner will resize both width and height on mobile.

      If you want show big banner height on mobile you need add padding top and padding bottom for banner on mobile.

      Kind regards

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

    • August 5, 2021 at 11:00 pm #42035
      Harry

      you want do for your current site now ?

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

    • August 6, 2021 at 11:45 pm #42037
      Harry

      Hi, it now your banner responsive with screen soluton. You need edit banner height with your desgin.

      Kind regards

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

      • August 7, 2021 at 6:20 am #42038
        ushoptwo

        I am not referring to the banner at the very top of the page. I am referring to the main image where the slider would be. How do I customize the image to when it is a different size instead of it just shrinking and make it difficult to read?

        • August 7, 2021 at 10:02 am #42039
          Harry

          Hi,

          The slider images should be same size.

          It hard to control the slider not has same height and same width on multiple devices.

          Kind regards

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

          • August 9, 2021 at 8:09 am #42042
            ushoptwo

            I’m asking if I can show different images on different devices. Like on mobile is shows a differently oriented image then on desktop.

    • August 9, 2021 at 3:25 pm #42045
      Harry

      I’m sorry it doesn’t have option to set different image for different devices.

      Kind regards

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

      • August 10, 2021 at 9:07 pm #42047
        ushoptwo

        Ok. I am not using the slider for the image that under the banner. Can we make that image looks bigger on mobile?

      • August 16, 2021 at 12:30 am #42050
        ushoptwo

        Ok. I am not using the slider for the image that under the banner. Can we make that image looks bigger on mobile?

        Is that possible?

    • August 16, 2021 at 12:44 am #42051
      ushoptwo

      Product category widget does not work on mobile. How we can fix this? Thanks.

    • August 16, 2021 at 5:54 pm #42052
      Harry

      Hi,

      1. Can you take the screenshot where you want change? And send me the image you want to change.

      2. Please send me admin account to check error js on your site.

      Thanks

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

      • August 24, 2021 at 9:19 am #42124
        ushoptwo

        How do we go about making it like the demo? But without the image being dimmed. Thank you.

    • August 18, 2021 at 7:23 am #42066
      ushoptwo
      This reply has been marked as private.
    • August 18, 2021 at 7:25 am #42068
      ushoptwo
      This reply has been marked as private.
    • August 18, 2021 at 12:17 pm #42070
      Harry

      Hi,

      1. They use image as background image and add custom css for text for mobile

      2. the ‘Defer Render-blocking JS’ option of SG optimize cause the issue https://tppr.me/aqx46

      when i turn it off the categories widget working.

      Kind regards

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

      • August 18, 2021 at 8:27 pm #42071
        ushoptwo

        Thank you for fixing the bug! How do we achieve adding the custom CSS for text for mobile?

        • August 18, 2021 at 9:18 pm #42072
          Harry

          i need you add the text and send me after that i can send you custom code.

          Kind regards

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

    • August 18, 2021 at 9:45 pm #42073
      ushoptwo

      The same format as the banner we have now.

      Text:

      15% OFF.

      JOIN FOR OUR NEWSLETTER & GET 15% OFF

      YOUR NEXT PURCHASE!

      JOIN NOW

    • August 20, 2021 at 10:46 am #42089
      Harry

      Hi,

      The text need add on banner.

      After that send me the link where has banner and text.

      Kind regards

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

      • August 20, 2021 at 9:54 pm #42094
        ushoptwo
        This reply has been marked as private.
    • August 20, 2021 at 10:47 pm #42100
      Harry

      Hi,

      I see you add the text on image. Please use background image as text layer on banner.

      Kind regards

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

    • August 20, 2021 at 10:52 pm #42103
      Harry

      Please follow our demo at http://janstudio.net/claue/demo/home-5/ we add background image below and text above.

      Kind regards

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

    • August 24, 2021 at 5:16 pm #42126
      Harry

      Hi,

      Please create banner without text https://tppr.me/mB4U6

      And insert text block on above layer

      KInd regards

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

      • August 24, 2021 at 9:49 pm #42127
        ushoptwo

        Hi what size this banner should be? And where I will add the text that I want to write? Mine does not work.

    • August 25, 2021 at 9:37 am #42132
      Harry

      Hi,

      You can use current banner size and not add text to your design.

      Kind regards

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

      • August 25, 2021 at 10:15 am #42133
        ushoptwo

        I meant, where do I add the text block? Does it have to be another image of text or is there an area where I can input text and it will add it above the image using the way you said. The image doesn’t size well when on mobile view aswell, it gets out of frame using the way you specified.

        SCREENSHOT
        SCREENSHOT 2

        This is the result of putting a text block and adding padding to make the image bigger. How do we make this look neater and so the image doesn’t repeat. Thanks.

    • August 25, 2021 at 11:23 am #42134
      Harry

      Hi,

      Please use image in screenshot 1 as background image https://tppr.me/mB4U6 and the current text block you insert image, please change to text.

      Kind regards

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

      • August 25, 2021 at 7:41 pm #42139
        ushoptwo
        This reply has been marked as private.
    • August 25, 2021 at 10:41 pm #42140
      Harry

      Hi,

      I helped you do sample, please check.

      Kind regards

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

      • August 25, 2021 at 10:53 pm #42141
        ushoptwo
        This reply has been marked as private.
    • August 26, 2021 at 9:54 am #42142
      Harry

      Hi,

      You need to increase padding and change position of background to top center https://tppr.me/Vx1aU

      Kind regards

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

  • Author
    Posts
Viewing 18 reply threads
Save

You must be logged in to reply to this topic.