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

Viewing 18 reply threads
  • Author
    Posts
    • #42032

      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

    • #42033

      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

    • #42035

      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

    • #42037

      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

      • #42038

        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?

        • #42039

          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

          • #42042

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

    • #42045

      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

      • #42047

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

      • #42050

        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?

    • #42051

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

    • #42052

      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

      • #42124

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

    • #42066
      This reply has been marked as private.
    • #42068
      This reply has been marked as private.
    • #42070

      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

      • #42071

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

        • #42072

          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

    • #42073

      The same format as the banner we have now.

      Text:

      15% OFF.

      JOIN FOR OUR NEWSLETTER & GET 15% OFF

      YOUR NEXT PURCHASE!

      JOIN NOW

    • #42089

      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

      • #42094
        This reply has been marked as private.
    • #42100

      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

    • #42103

      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

    • #42126

      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

      • #42127

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

    • #42132

      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

      • #42133

        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.

    • #42134

      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

      • #42139
        This reply has been marked as private.
    • #42140

      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

      • #42141
        This reply has been marked as private.
    • #42142

      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

Viewing 18 reply threads

You must be logged in to reply to this topic.