Hooks only in mobile version oder hide on?

  • Resolved Chigolo

    (@fitnsexy)


    3 years, 2 months ago

    Hello,

    I would like to have a hook only displayed in the mobile version and then only on certain pages.

    The code works perfectly in desktop and mobile view. I found something about is_mobile_only or hide-on. What’s the difference and how do I have to change the code in this regard, or add something?

    add_action(‘generate_after_entry_title’, function(){
    if(is_single()){
    // Nur in Beiträgen zu sehen
    echo do_shortcode(‘Text/URL’);
    }
    });

    Thx in advance.

Viewing 6 replies - 1 through 6 (of 6 total)
  • David

    (@diggeddy)

    3 years, 2 months ago

    Hi there,

    you can add a DIV with one of the GP hide-on-* classes around your shortcode eg.

    add_action('generate_after_entry_title', function(){
    if( is_single() ){
        echo '<div class="hide-on-desktop">';
        // Nur in Beiträgen zu sehen
        echo do_shortcode(‘Text/URL’);
        echo '<div>';
    }
});

    This is a CSS method to “hide” the HTML NOT remove it.

    The alternative is to use the wp_is_mobile() function:

    https://developer.ww.wp.xz.cn/reference/functions/wp_is_mobile/

    Example:

    add_action('generate_after_entry_title', function(){
    if( is_single() && !is_wp_mobile() ){
        echo '<div class="hide-on-desktop">';
        // Nur in Beiträgen zu sehen
        echo do_shortcode(‘Text/URL’);
        echo '<div>';
    }
});

    Here we use ! NOT mobile. And we keep the DIV with the hide-on class. As wp_is_mobile() is a server side function it may. not work if the page is cached.

    Thread Starter Chigolo

    (@fitnsexy)

    3 years, 2 months ago

    Thx for your great and fast support.

    Thread Starter Chigolo

    (@fitnsexy)

    3 years, 2 months ago

    I still have a small problem. Depending on which hook I choose, the layout is displayed incorrectly and the posts are no longer displayed … I’m using the following code:

    add_action('generate_before_main_content',function(){
        echo '<div class="hide-on-desktop">';
        // Überall zu sehenn
        echo do_shortcode('URL & Text');
        echo '<div>';
});

    It looks like https://gyazo.com/fbbd05910f1eb045331682ba96d5989b instead of https://gyazo.com/a6396fed420838ff6eb6c48a702c841e.

    • This reply was modified 3 years, 2 months ago by Chigolo.
    David

    (@diggeddy)

    3 years, 2 months ago

    Aah sorry the closing div is incorrect.
    This: echo '<div>'; should be echo '</div>';

    Thread Starter Chigolo

    (@fitnsexy)

    3 years, 2 months ago

    Small cause – big effect … 😉 Now it’s working. Thx a a lot!

    David

    (@diggeddy)

    3 years, 2 months ago

    🙂 Glad to hear that !

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Hooks only in mobile version oder hide on?’ is closed to new replies.