Override Responsive CSS for One Element

January 2013 WordPress Theme
GK User
Mon Jan 26, 2015 5:21 pm
How would I override CSS from "small.desktop.css" for just one element?

I have a leaderboard banner at the top of the page. When the browser width is reduced this CSS from "small.desktop.css" is applied:
.box {padding: 10px !important;}

The padding is shifting the vertical position of another banner below it.
User avatar
Fresh Boarder

GK User
Mon Jan 26, 2015 9:31 pm
please add your css modifications into override.css file with media queries:
Code: Select all
@media (max-width: 1230px) {
.box {padding: 10px !important;}
}

1230px is set if you are using the default theme width, if no, please change the value to your own.
User avatar
Moderator


cron