Hi

I've got a Custom HTML module associated with the "Above" element in the Rasa2 template.

I can't figure out how to hide it from people using tablets/smartphones.

I've selected Hide on the right hand side for what I take it are tablets/smartphones (the bottom 2 options), but the module is still visible to smartphone users.

Not sure what I'm doing wrong?

Many thanks.

Before I test this can you just confirm you are using the latest version of the template?

Thanks
Paul

Yes, I'm using the latest template. Default layout.

You can see the module in action here:

philosophersmag.com

Thanks!

Thanks for the info I will need to get back to you on this one

Cheers
Paul

Thanks Paul!

I'll talk to the team and get back to as soon as I can

Cheers
Paul

Hi

Its as I thought its a little bit different with the above and below positions as they are part of the content block so instead you need to add classes to the modules

hidden-phones hidden-tablets

so add these in the advanced tab with a space before them all

Cheers
Paul

Thanks Paul, that works!

One thing, it leaves the horizontal rule that separates the modules in the theme. It doesn't really matter, but it would be nice to make that disappear too!

Thanks again.

Try this

@media (max-width:700px ){
#abovewrap .zen-spotlight {border-bottom: 0;}
#abovewrap .zen-spotlight:after {background: none;}
}

Cheers
Paul

Thanks Paul.

Whereabouts should I add that code? In the same place as the module styling code (Advanced tab)?

ah you need to add it to your custom code section

docs.joomlabamboo.com/zen-grid-framework-4/theme/customisation.html

Cheers

This is a media query - its a bit beyond the scope of your membership but was an interesting one to find

Its matching the breakpoint value that the site has e.g. 700px

That worked!

Thanks so much. Your efforts are much appreciated!

You're welcome

Good luck with the site

Cheers
Paul