Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1011371
    moabullon
    Participant

    Hi,
    concerning my site on a phone display.

    My site url = thetogas.com
    I am using the Ethos theme and it displays two blog posts side by side as you scroll down the page. I would like my phone display to also show the same side by side blog posts as you scroll down. currently it is only 1 post that is view able on the phone display and again I would like to force it to have two posts / two columns as you scroll down the page.
    How am I able to do that?

    Thanks

    #1011501
    Nico
    Moderator

    Hi There,

    Thanks for writing in.

    Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

    Thanks.

    #1012849
    moabullon
    Participant

    My site looks like pic 1 but I want it to look like pic 2. I would like to have on the phone display 2 columns for my post. Not 1 column going down. Thanks

    #1013139
    Jade
    Moderator

    Hi there,

    You can add this under Custom > CSS in the Customizer.

    @media (max-width: 767px) {
        .x-iso-container[class*="cols-"]>.hentry {
            width: 49.95%;
        }
    }

    Hope this helps.

    #1017141
    moabullon
    Participant

    It is still not working for some reason. I put that in the CSS but nothing changed when I look at it on the phone.

    #1017428
    Friech
    Moderator

    Hi There,

    It looks like you added a function on Custom CSS,

    function x_customizer_add_ethos_background_image() {
    
        if ( 'ethos' == x_get_stack() ) {
            $x_ethos_bg_image_full = get_theme_mod( 'x_ethos_bg_image_full' );
            $x_ethos_bg_image_full_fade = get_theme_mod( 'x_ethos_bg_image_full_fade' );
    
            ?><script>jQuery.backstretch(['<?php echo $x_ethos_bg_image_full; ?>'], {fade: <?php echo $x_ethos_bg_image_full_fade; ?>});</script> <?php
        }
    }
    add_action('wp_footer','x_customizer_add_ethos_background_image');

    Please move that to your child theme’s functions.php file as that code is not a CSS, that will produce an syntax error.

    Hope it helps, Cheers!

  • <script> jQuery(function($){ $("#no-reply-1011371 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>