- Posts: 185
- Thank you received: 0
Disable Modul position for display in Smartphone
-
dh12355@gmx.de
Inactive member - Topic Author
- Member
Less
More
9 years 8 months ago #44725
by dh12355@gmx.de
Disable Modul position for display in Smartphone was created by dh12355@gmx.de
Is it possible to disable in Sparky a modulposition so that the modul position is not displayed in a smartphone but it is displayed on normal Monitor?
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
9 years 8 months ago #44732
by ivan.milic
Replied by ivan.milic on topic Disable Modul position for display in Smartphone
Inside DIV.sparky_main, there're DIVs with module positions. Each of those DIVs has class .cell and class .mp_positionname. So, you can style each module position by using this unique class. Using css you can disable showing it on mobile phones.
@media (max-width: 512px){
.mp_<here you put position name> {
display: none;
}
}
@media (max-width: 512px){
.mp_<here you put position name> {
display: none;
}
}
Please Log in to join the conversation.
-
dh12355@gmx.de
Inactive member - Topic Author
- Member
Less
More
- Posts: 185
- Thank you received: 0
9 years 7 months ago #45184
by dh12355@gmx.de
Replied by dh12355@gmx.de on topic Disable Modul position for display in Smartphone
i add
@media (max-width: 512px){
.mp_advert1 {
display: none;
}
}
in the template_css.css at www.fertighaus.cn
When you have a look at www.google.com/webmasters/tools/mobile-f...www.fertighaus.cn%2F
the position (Header) is not disabled.
Is there another changing necessary?
@media (max-width: 512px){
.mp_advert1 {
display: none;
}
}
in the template_css.css at www.fertighaus.cn
When you have a look at www.google.com/webmasters/tools/mobile-f...www.fertighaus.cn%2F
the position (Header) is not disabled.
Is there another changing necessary?
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
9 years 7 months ago #45186
by ivan.milic
Replied by ivan.milic on topic Disable Modul position for display in Smartphone
Hi, well display: none should done the job, but try this instead:
@media (max-width: 512px){
.mp_advert1 {
height: 0px!important;
overflow: hidden;
}
@media (max-width: 512px){
.mp_advert1 {
height: 0px!important;
overflow: hidden;
}
Please Log in to join the conversation.
-
dh12355@gmx.de
Inactive member - Topic Author
- Member
Less
More
- Posts: 185
- Thank you received: 0
9 years 7 months ago #45188
by dh12355@gmx.de
Replied by dh12355@gmx.de on topic Disable Modul position for display in Smartphone
it bring the same result on
www.google.com/webmasters/tools/mobile-f...www.fertighaus.cn%2F
any other idea?
www.google.com/webmasters/tools/mobile-f...www.fertighaus.cn%2F
any other idea?
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
9 years 7 months ago - 9 years 7 months ago #45191
by ivan.milic
Replied by ivan.milic on topic Disable Modul position for display in Smartphone
Well, maybe some script that will delete element completely if width is smaller than some value in px, but would not recommend that. Are you trying to hide it just because of Mobile-friendly test? You can put width of .mp_advert1 to 0px.
Last edit: 9 years 7 months ago by ivan.milic.
Please Log in to join the conversation.
Time to create page: 0.171 seconds