Joomla Templates Club 406,261 posts

[timmiller Friend timmillerJoin date: August 2008Posts: 169Downloads:0Uploads:10 Thanks: 12 Thanked: 3 times in 1 posts]

#196225

Hi Guys,

I would like to know how to hide a module in a layout…like I do not wish to see a module in a mobile…

I’ve looked at this thread:
http://www.joomlart.com/forums/topic/how-hide-module-only-in-mobile-layout/

The “CSS Media Queries For Common Devices” page just tells me what the queries are…

I really need some steps for a particular module. Do I add code to module class suffix? If not, what do I do to take a module in a header position and hide it on mobile…same for the logo?

Thanks…I’m quite confused- sorry.

tm

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#528460

May I know which module you wish to hide on mobile layout. The CSS declaration below can help to hide module in mobile view.

Open the templates/ja_university/css/ file and add:

<blockquote>display: none !important;</blockquote>

into the layout-mobile.css, layout-tablet.css and layout-mobile-port.css files.

[timmiller Friend timmillerJoin date: August 2008Posts: 169Downloads:0Uploads:10 Thanks: 12 Thanked: 3 times in 1 posts]

#529283

Thanks for replying.

Yes, it’s the search module, that I’m using for another logo module…
http://truglobal.org/dev/

If you can let me know how to input “display: none !important;” into each css page, I’d appreciate it.

tm

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#529325

Search module can be hidden with as follows:

Open the layout-mobile.css, layout-tablet.css and layout-mobile-port.css files and add this declaration:

#ja-search {
display: none !important;
}

[Author]

Posts