Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 28, 2015 at 10:11 pm #526417
    ckwellington

    Hello,
    I added a banner by adding a widget to child functions.php and using css from a forum solution. However, I do not want the banner on mobile devices under 1000px wide.
    Script: /* Add banner to top */
    add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
    function enfold_customization_header_widget_area() {
    dynamic_sidebar( ‘header’ );
    }
    css: #header .widget {
    left: 38%;
    padding-top: 0px;
    position: absolute;
    top: 0;
    }

    October 28, 2015 at 11:53 pm #526459
    Basilis

    Hi ckwellington!

    Add the following code :

    
@media all and (max-width: 100px) ) {
 #header .widget {
display: none;
}
}

    Best regards,
    Basilis

    October 29, 2015 at 12:51 am #526480
    ckwellington

    Thank you for the quick reply, but it didn’t work. I added it to Quick CSS.

    October 29, 2015 at 1:24 pm #526724
    Rikard

    Hi,

    Please try this instead:

    @media only screen and (max-width: 1000px) {
 #header .widget {
display: none !important;
}
}

    Thanks,
    Rikard

    November 3, 2015 at 1:04 am #528905
    ckwellington

    That fixed it. Thank you!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Heading banner’ is closed to new replies.