Virtue sitewide banner shows only on mobile

  • Resolved mironpirvu

    (@mironpirvu)


    8 years, 7 months ago

    Hello,

    I use the Virtue theme, which is really great, by the way.
    However, I have a problem with the sitewide banner.
    I use the following CSS:

    .home .virtue_banner {display:none;}

    to remove the sitewide banner from home page, but it still appears on mobile devices (on small screens).
    What can I do to remove the sitewide banner from all pages, but ONLY in mobile view (on small screens) ?

    The site is https://www.boutiquemed.ro/boutiquemed.ro

    Thank you,

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

  • This CSS will remove the site banner from only your mobile view.

    @media  (max-width: 992px) {
.virtue_banner {
    display: none;
    }
}

    Just copy and paste this code from here to Appearance> Theme Options> Advanced Settings.

    Thread Starter mironpirvu

    (@mironpirvu)

    Thank you, but still doesn’t work. The sidewide banner remains visible on any screen resolution.

    Hey,
    You have some css that isn’t set up correctly in your custom css box..
    For example you have this:

    @media (min-width: 768px) {
.kad-header-left {
width:15%;
}

    and it’s missing the closing bracket. You need to add the close for the media query.
    You also have css like this:
    ;#containerfooter {color: #999;}

    Which should be like this:

    #containerfooter {color: #999;}

    Fix up those things and you should be set.

    Kadence Themes

    Thread Starter mironpirvu

    (@mironpirvu)

    The missing closing bracket was the problem.

    Thank you very much.

    Thread Starter mironpirvu

    (@mironpirvu)

    Problem solved.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Virtue sitewide banner shows only on mobile’ is closed to new replies.