Joomla Templates Club 406,261 posts

[VisiGod Friend VisiGodJoin date: January 2006Posts: 538Downloads:0Uploads:4 Thanks: 76 Thanked: 138 times in 18 posts]

#190110

I cloned the default layout, as I wanted to hide the search in the mobile devices. So in the new layout I made the following:

Original:


position="head-search"

Changed to:


position="head-search"
mobile="hidden"
xtablet="hidden"
tablet="hidden"


But this doesn’t seem to be working. What am I doing wrong?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#504073

Hi VisiGod,

You can try to add css rule to hide this block:

– Open /templates/ja_fubix/css/custom.css file

– Add this @media jQuery code:


@media (max-width: 720px) {
.head-search {
display: none;
}
}


P/s: you can change value for above max-width property due to the screen size of devices in which you want to hide.

1 user says Thank You to Saguaros for this useful post

1. VisiGod

[VisiGod Friend VisiGodJoin date: January 2006Posts: 538Downloads:0Uploads:4 Thanks: 76 Thanked: 138 times in 18 posts]

#504089

Thanks, works!

[Author]

Posts