I've got white margin being created when I have 2 rows that are being interchanged/swapped for one layout that is over 1000px, and one that is under 1000px.
Here is the code I'm using:
/* Top Intuition Mastermind, Responsive */
@media only screen and (max-width: 1000px) {
.topbanner {
display: none!important;
}
}
@media only screen and (min-width: 1000px) {
.topbannermobile {
display: none!important;
}
Ive used firebug to identify the margin and padding that if I turn them off they fix this issue in the mobile version ( but then mess up the desktop version).
Hi!
I've got white margin being created when I have 2 rows that are being interchanged/swapped for one layout that is over 1000px, and one that is under 1000px.
Here is the code I'm using:
/* Top Intuition Mastermind, Responsive */
@media only screen and (max-width: 1000px) {
.topbanner {
display: none!important;
}
}
@media only screen and (min-width: 1000px) {
.topbannermobile {
display: none!important;
}
Ive used firebug to identify the margin and padding that if I turn them off they fix this issue in the mobile version ( but then mess up the desktop version).
.container-wrap, .project-title {
margin-top: -55px;
padding-top: 93px;
}
I tried doing this:
/* Top Banner Margin Padding fix */
@media only screen and (max-width: 1000px) {
.container-wrap, .project-title {
margin-top: 0px;!important;
padding-top: 0px;!important;
}
}
not working!
Please help!
THANK YOU :D
Hey!
Please see screenshot: http://prntscr.com/5scg1x . You have two semi colons.
Thanks
ThemeNectar Support Team
Cool, thanks for finding that... duh on my end!
I fixed the code, but it still won't work. Im running the latest install of Salient, FYI.
See, that pesky white bar won't go away!
Any further assistance would be greatly appreciated!
Hey Again,
Thanks
ThemeNectar Support Team