Tagged: x
-
AuthorPosts
-
September 18, 2016 at 2:29 am #1179958
karleenhogginsParticipantHi,
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!
September 18, 2016 at 3:31 am #1179999
ChristianModeratorHey there,
Move the ; after !important.
Thanks.
September 18, 2016 at 1:30 pm #1180342
karleenhogginsParticipantWell I feel silly. Thank you 🙂
September 18, 2016 at 5:29 pm #1180506
NicoModeratorNo worries.
Feel free to ask us again.
Thanks.
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1179958 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
