Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 21, 2015 at 10:30 am #447658
    Vincent

    Hi,

    I would like to remove the breadcrumbs and small header bar (The bar that the breadcrumbs are located) from mobile phones.
    So far I was able to remove the breadcrumbs with this:

    @media only screen and (max-width: 767px) {
    .breadcrumb{ display: none !important; }
    }

    Can this be appended to remove the small bar?

    Thank you

    Vince

    May 21, 2015 at 9:52 pm #448024
    Yigit

    Hey Vincent!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
#header_meta { display: none !important; }}

    Regards,
    Yigit

    May 22, 2015 at 1:23 am #448109
    Vincent

    Hi Yigit,

    Unfortuantely that did not work. I tried a few variations and the top small bar is still there.

    Vincent

    May 23, 2015 at 6:44 am #448945
    Josue

    Hi Vincent,

    Can you post the link to your website please?

    Regards,
    Josue

    May 23, 2015 at 12:09 pm #449042
    Vincent
    This reply has been marked as private.
    May 23, 2015 at 7:42 pm #449095
    Josue

    Hey Vincent!

    I see what you’re referring to, use this code:

    @media only screen and (max-width: 480px) {
    .title_container {
        display: none;
    }
}

    Best regards,
    Josue

    May 24, 2015 at 1:24 am #449147
    Vincent

    That worked well Josue,

    Thanks very much

    Vince

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Remove Small Header Bar from Mobile Devices’ is closed to new replies.