Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 26, 2023 at 7:33 am #1411692
    schweg33

    Hello together
    Page: Link below
    I have uploaded a screenshot
    my question
    is it possible to make the distance smaller in the mobile view?
    and to switch off the mouseover when scrolling

    thanks in advance
    kind regards
    Franz

    June 26, 2023 at 7:57 am #1411693
    Ismael

    Hey schweg33,

    Thank you for the inquiry.

    You can use this css code to adjust the space above the product image and hide the arrows or post navigation.

    @media only screen and (min-width: 767px) {

  /* Add your Mobile Styles here */
  .single-product #main .container_wrap.container_wrap_first {
    padding-top: 0;
  }

  .responsive .single-product .avia-post-nav {
    display: none !important;
  }
}

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.

    Best regards,
    Ismael

    June 27, 2023 at 10:16 pm #1411895
    schweg33

    /* Add your Mobile Styles here */
    .single-product #main .container_wrap.container_wrap_first {
    padding-top: 0;
    }

    .responsive .single-product .avia-post-nav {
    display: none !important;
    }
    }

    June 28, 2023 at 5:46 am #1411910
    Nikko

    Hi schweg33,

    Please don’t forget this part of Ismael’s code:

    @media only screen and (min-width: 767px) {

    Best regards,
    Nikko

    June 28, 2023 at 6:29 am #1411921
    schweg33

    hello Nikko
    thank you for your answer
    sorry I sent the wrong text

    my problem is the distance mobile does not work.
    on the pages store and cart the distance mobile above is too big

    I do not understand what to do here:
    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.

    could you look at my page

    kind regards
    Franz

    June 29, 2023 at 3:39 pm #1412075
    Nikko

    Hi Franz,

    I tweaked the code a little bit, from min-width to max-width:

    @media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .single-product #main .container_wrap.container_wrap_first {
    padding-top: 0;
  }

  .responsive .single-product .avia-post-nav {
    display: none !important;
  }
}

    which seems to work, please review your website.

    As for “Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.”, it means, you’ll go to Enfold > Performance and disable CSS file merging and compression and Javascript file merging and compression, which I think you don’t need to do since the CSS change is taking effect properly.
    Hope this helps.

    Best regards,
    Nikko

    June 29, 2023 at 10:36 pm #1412108
    schweg33

    now everything fits
    many thanks Nikko

    you can close this ticket.¨¨

    kind regards
    Franz

    June 30, 2023 at 12:29 am #1412117
    Mike

    Hi,
    Glad Nikko was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘distance and mouseover off’ is closed to new replies.