Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1179958
    karleenhoggins
    Participant

    Hi,

    I am working on the following: ihuman.org/about (latest wp and xtheme, just updated today)

    This issue only appears to be happening in chrome, and I think safari.

    In order to have the “about” banner under the navbar, I put a margin-top: 6.5% on it, otherwise the navbar would cover the banner a bit, as it does in ihuman.org/services. I am not sure if that is what is causing the issue, but when I shrink the browser, the navbar starts covering the banner.

    However, in all browsers, if I go to mobile or shrink it small enough that it uses the nav button, the banners get covered. I tried to play around with @media but I can’t get it to change anything.

    I tried a bunch of things and deleted them, but this is what I have in there now:
    @media (max-width: 979px) {
    .banner{
    margin-top: 500px; !important
    }
    }

    500px so it was a big difference and noticeable if it worked. I am lost now. Any advice would be greatly appreciated.

    Thanks!

    #1179999
    Christian
    Moderator

    Hey there,

    Move the ; after !important.

    Thanks.

    #1180342
    karleenhoggins
    Participant

    Well I feel silly. Thank you 🙂

    #1180506
    Nico
    Moderator

    No worries.

    Feel free to ask us again.

    Thanks.

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