[vinofantenParticipant #13283]

Hi.

If you take a look at http://www.pastaevinoblog.com/wordpress/ you can see I have a black footer. When opening the website on my smartphone, Sony Xperia V, I see that the sidebar widgets are pushed below the main content. Since I have the same widgets in my footer as I have in my sidebar – with the exception of “About me” and “Tag cloud”, the widgets appear twice at the bottom of the website when viewing on my smartphone. I would like to keep the footer styles and have the widgets only appear once.

My question:
Is there are way to remove the sidebar widgets when scaling down the website, so that the footer remains the same (with responsive scaling of course), but the widgets from the sidebar are removed?

[ahmetsaliKeymaster #13285]

Hi, yes it is possible with css media queries, try this custom css;

@media (max-width: 767px) { 
    #secondary #recent-posts-2,
    #secondary #recent-comments-2,
    #secondary #categories-2,
    #secondary #archives-2{ display: none; }
}

[vinofantenParticipant #13286]

Awesome! Thank you!