[Terry M]

I would like to have the widget called Upcoming Events appear first in the mobile version of this website http://www.illinoishandball.org/iha/. Presently it is below the main content and the user needs to scroll to the bottom to see the upcoming events. How can I change my CSS so the upcoming events appear below the slider for mobile. I want the desktop experience to remain as is.

[Sakin]

@Terry M: That is actually not possible. But there is trick that you can apply. Hope it works for you. Can you try adding in the following CSS in “Appearance => Theme Options => Custom CSS” box.

@media screen and (max-width: 960px) {
#main {
    padding-top: 245px;
    position: relative;
}
#secondary #black-studio-tinymce-2 {
    padding-top: 245px;
    position: relative;
}
}

[Author]

Posts