Home Forums Themes Support Claue Different things mobile

Viewing 3 reply threads
  • Author
    Posts
    • #39972
      DonnaJacky
      Supported

      Dear Harry,

      How are you?
      I have a few questions:

      • The hero on mobile has white space above and under the images, I like to remove the white spaces, because it is not beautiful;
      • Is there any option that I can place the icons (Free shipping etc.) next to each other or to have minimum space between them?
      • Same for the media (Glamour, Bazaar, Linda, etc.);
      • Messages + button on mobile over each other in checkout, how can I fix this?

      Thanks!

      • This topic was modified 6 days, 5 hours ago by DonnaJacky.
      Attachments:
      You must be logged in to view attached files.
    • #39988
      Harry
      Supported

      Hi Jacky,

      1. As I told you before, don’t delete the row contain hero banner. Just replace background image when you change background. https://prnt.sc/wltf3k

      If you delete the row you have to repeat add new custom CSS every time you add new row for hero banner

      Please add below code to Claue > Theme Option > Genẻal Layout > Custom CSS to replace old code

      @media only screen and (max-width: 767px) {
      .vc_row.vc_custom_1609673060136 {
      	padding-top: 90px !important;
      	padding-bottom: 20px !important;
      	background-size: contain !important;
      }}

      2,3. Please edit column and follow this screenshot https://prnt.sc/wltf3k

      4. Please add more code

      @media only screen and (max-width: 767px) {
      .woocommerce-info, .woocommerce-error, .woocommerce-warning, .woocommerce-message {
      	padding: 20px;
      }}

      Kind regards

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

    • #40044
      DonnaJacky
      Supported

      Dear Harry,

      Thank you again.

      The settings for the white space above and under the hero image at the mobile isn’t changed, I still see the white spaces.
      For question 2 and 3, I do not understand the printscreen.

      We want to place the icons and logo’s next to each other or with a minimum space (mobile).

      Thanks!

       

    • #40045
      Harry
      Supported

      Hi,

      1. Please change code

      @media only screen and (max-width: 767px) {
      .vc_row.vc_custom_1609673060136 {
      	padding-top: 50px !important;
      	padding-bottom: 20px !important;
      	background-size: contain !important;
      }}

      And remove space between https://prnt.sc/wo3ue3

      2,3. Please edit homepage and follow the screenshot, click edit the column wrap the icons

      Kind regards

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

Viewing 3 reply threads

You must be logged in to reply to this topic.