Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1483205

    Hello everyone.
    I have created a portfolio of movies here:
    Link below:
    When I open this link (on the PC) I can scroll between the pages which also fits.
    My question: Why don’t I see these scroll buttons on mobile?
    Thanks for your info
    Best regards
    Franz

    #1483211

    Hey schweg33,
    These are hidden on mobile devices, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 325px) {
        .responsive #top .avia-post-nav {
            display: block;
            top: 20%;
        }
    }
    @media only screen and (min-width: 325px) and (max-width: 380px) {
        .responsive #top .avia-post-nav {
            display: block;
            top: 23%;
        }
    }
    @media only screen and (min-width: 381px) and (max-width: 450px) {
        .responsive #top .avia-post-nav {
            display: block;
            top: 25%;
        }
    }
    @media only screen and (min-width: 451px) and (max-width: 767px) {
        .responsive #top .avia-post-nav {
            display: block;
            top: 38%;
        }
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1483232

    Hello Mike
    Super Thank you very much

    Would it be possible that the tooltip is not displayed during mouse over?

    best regards Franz

    #1483234

    Hi,
    Add this css:

    .avia-post-nav:hover .entry-info-wrap {
        width: 0;
    }

    Best regards,
    Mike

    #1483238

    Hi Mike unfortunately this does not work for me
    although I have tried all types

    #1483239

    Hi,
    Do you mean the blue title, or the black?
    Screen Shot 2025 04 26 at 3.20.51 PM

    Best regards,
    Mike

    #1483240

    I mean the narrow black
    thank you for my white

    #1483241

    Hi,
    I added this to your child theme functions.php

    function custom_script() { ?>
      <script>
    (function($){
      $(".avia-post-nav").hover(function(){
        $(this).removeAttr("title");
      });  
    })(jQuery);
    </script>
      <?php
    }
    add_action( 'wp_footer', 'custom_script', 99 );

    please check now.

    Best regards,
    Mike

    #1483249

    Hello Mike
    Thank you very much
    Now everything fits perfectly

    You can delete this ticket

    kind regards
    Franz

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Scroll mobile left and right’ is closed to new replies.