Disable Modul position for display in Smartphone

More
9 years 8 months ago #44725 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.

More
9 years 8 months ago #44732 by ivan.milic
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;

}

}

Please Log in to join the conversation.

More
9 years 7 months ago #45184 by dh12355@gmx.de
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?

Please Log in to join the conversation.

More
9 years 7 months ago #45186 by ivan.milic
Hi, well display: none should done the job, but try this instead:

@media (max-width: 512px){

.mp_advert1 {

height: 0px!important;
overflow: hidden;

}

Please Log in to join the conversation.

More
9 years 7 months ago #45188 by dh12355@gmx.de

Please Log in to join the conversation.

More
9 years 7 months ago - 9 years 7 months ago #45191 by ivan.milic
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
Powered by Kunena Forum