1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

I need to hide text in mobiles/tablets

Discussion in 'CSS' started by Divvy, Jan 12, 2018.

  1. #1
    Hello guys,

    Can someone please give me some help?

    I have this code:

    <div class="blkb"><i class="vidbi"></i> Latest <?php the_title(); ?> Videos <div class="barpa fto"> <?php //some code here ?></div></div>
    PHP:
    Result:
    Now I want to hide TITLE from mobiles/tablets...

    So what I did was:

    
    <style type="text/css">
    @media screen and (max-width: 880px) {
    .hidetitle {
    display:none;
    overflow:hidden;
    }
    }
    </style>
    
    <div class="blkb"><i class="vidbi"></i> Latest <div class="hidetitle"><?php the_title(); ?></div> Videos <div class="barpa fto"> <?php //some code here?></div></div>
    PHP:
    Is working fine, but... the problem is that the text doesn't appear in one line like before.

    The result is showing like this:

    And I want to show:

    What I'm doing wrong?

    Help :)

    Thanks in advance!
     
    Solved! View solution.
    Divvy, Jan 12, 2018 IP
  2. #2
    
    <style type="text/css">
    .hidetitle {
    display: inline-block;
    }
    @media screen and (max-width: 880px) {
    .hidetitle {
    display:none;
    overflow:hidden;
    }
    }
    </style>
    
    Code (markup):
     
    qwikad.com, Jan 12, 2018 IP
  3. Divvy

    Divvy Well-Known Member

    Messages:
    771
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    128
    #3
    That's it!! I totally forgot about display: inline-block;

    Thank you my friend :D
     
    Divvy, Jan 12, 2018 IP
    qwikad.com likes this.