Hey guys!
I would like one module not to be displayed in mobile view.
http://cool-o-mat.com/zentrum/cms/index.php/zentrum
(it's the one with the sitemap at the bottom)
How can this be achieved?
Thank you very much for your support in advance!
Oscar E wrote:BTW
I might be wrong but I don't see left padding for whole content
Oscar E wrote:yep, for logo it don't work.
so you have to add your custom CSS code to hide this element on mobile view.
.gkIsWrapper-gk_musicstate figcaption > h2 {
color: inherit;
font-family: 'Raleway';
font-size: 22px;
font-style: italic;
font-weight: 400;
line-height: 35px;
padding: 0;
text-shadow: 1px 1px 2px #999;
}
.box {
color: #000;
line-height: 1.6;
font-family: 'Raleway';
}
.gk-header2 h4 {
font-size: 22px;
font-weight: bold;
}
.box .header {
font-size: 30px;
font-weight: bold;
line-height: 1;
padding: 0 0 32px;
text-transform: uppercase;
font-family: 'Raleway';
}
.nspArt p.nspText {
display: block !important;
margin: 0;
padding: 0 !important;
color: #000;
font-family: 'Raleway';
}
.nspArt h4.nspHeader {
color: #000;
font-size: 22px;
font-weight: bold;
line-height: 1.2;
text-transform: uppercase;
}
h2 {
font-size: 25px;
font-weight: bold;
}
h3 {
font-size: 30px;
font-weight: regular;
}
h4 {
font-size: 20px;
font-weight: regular;
}
t1 {
font-size: 24px;
font-weight: bold;
}
t2 {
font-size: 16px;
font-weight: regular;
}
#gkMainbody {
margin-bottom: -50px;
}
.newstyle { outline:1px solid red; min-height:5px; }
.gkIsWrapper-gk_storefront figcaption {
left: 25%;
top: 85%;
}
.topnav2 {
margin-left:20px;
float: right;
height: 30px;
line-height: 30px;
}
.logo {
float: left;
padding-left: 0;
}
.gkIsWrapper-gk_storefront figcaption h2 {
color: #000;
}
.gkIsWrapper-gk_storefront figcaption h3 {
border: medium none !important;
color: #000000;
}
.gkIsWrapper-gk_storefront figcaption p {
font-weight: bold;
text-shadow: 2px 2px 2px #000000;
}
.gkIsWrapper-gk_storefront figcaption p:after {
border-top: medium none;
}
.gkMenu > ul > li {
clear: none!important;
display: inline-block;
font-size: 14.5px;
font-weight: 500;
height: 17px;
line-height: 20px;
text-transform: uppercase;
width: auto;
margin-bottom: 10px;
margin-top: 9px;
}
.gkMenu > ul > li > a {
color: #eee;
display: block;
height: 17px;
line-height: 17px;
padding: 0 15px;
position: relative;
}
#gkHeader {
padding: 90px 0 0;
}
.gkIsWrapper-gk_storefront figcaption h2:before,
.gkIsWrapper-gk_storefront figcaption h2:after {
display: none;
}
.gkIsWrapper-gk_storefront .activated figcaption h2,
.gkIsWrapper-gk_storefront .activated figcaption h3,
.gkIsWrapper-gk_storefront .activated figcaption p {
text-align: left;
}
.gkIsWrapper-gk_storefront figcaption {
left: 50%;
}
#gkHeaderNav { top: 30px }
.gkMobileMenu{
height: 20px;
line-height: 20px;
}
.gk-header2 h2 {
font-size: 40px;
font-weight: bold;
}
#gkHeaderTop{ height: 30px }
#gkMobileHeaderTop{ height: 30px }
.gkIsWrapper-gk_storefront .gkIsPagination { bottom: 15px !important }
.gkMenu > ul > li > a {
color: #666666;
}
.itemBackToTop { display: none; }
.gkMobileMenu{
height: 38px;
line-height: 38px;
}
#gkHeaderTop{ height: 60px }
#gkHeaderNav { top: 60px }
.gkImageWrapperOverlay,
.gkImageWrapperOverlayWrap:hover .gkImageWrapperOverlay > span{display: none;}
.itemImageBlock img:hover {
-webkit-transform: scale(1) rotateZ(0deg);
-moz-transform: scale(1) rotateZ(0deg);
-ms-transform: scale(1) rotateZ(0deg);
-o-transform: scale(1) rotateZ(0deg);
transform: scale(1) rotateZ(0deg);
opacity: 1;
}
.gkMenu > ul > li.haschild > a:after {
color: #6d6e6e;
content: " ";
font-family: FontAwesome;
font-size: 15px;
position: absolute;
right: 4px;
top: 0;
}
tbody tr td {
border-bottom: 0px solid #e5e5e5;
padding: 10px;
}
@media only screen and (max-width: 444px) {
#gkTopMenu {
display: block !important;
max-width: 270px;
padding-top: 5px;
}
}
@media only screen and (max-width: 420px) {
#TEST {display:none !important}
}