Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 3, 2016 at 2:47 am #681508
    hingex

    I reviewed a few posts on how to hide the sticky menu, hide logo on desktop, hide logo on mobile and hiding the shopping cart. After applying the, in Enfold > General styling > Custom CSS , I noticed some discrepancies as below.
    1. When viewing this on mobile, there is a white background at the top where the menu is and this is blocking the first section
    2. When viewing this on a desktop and you scroll hard or fast going up, you will see this same white strip but then it disappears shortly after the scroll stops

    I have included my custom css and site link

    September 6, 2016 at 2:37 pm #682653
    Yigit

    Hey hingex,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
    background: transparent;
}}
@media only screen and (min-width: 990px) {
.home #header {
    display: none;
}}

    Best regards,
    Yigit

    September 9, 2016 at 1:34 am #683940
    hingex

    Fantastic!!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘mobile rendering after hiding sticky menu and logo’ is closed to new replies.