Thanks. That will do the trick

Hi Pieter

Try adding the following to the Custom CSS field of your templates parameters...


[code type=css]@media only screen and ( max-width: 767px ) {
#wrapper_top-1 {display: none !important;}
}
@media only screen and (max-width: 440px) {
#wrapper_top-1 {display: none !important;}
}[/code]

Ciarán

Hello Ciaran

http://www.zunni.nl
and for testing I use http://www.pieterbrattinga.nl/zunni

Pieter

Hi Pete

Would you have a URL to an example of your modules?

Ciarán

Hello Ciaran,

I did that but no effect. The modules are still visable and not hide.


Pieter

Hi Pieter

3. Slight correction here.. with our Arkadia template you should find options with in your templates parameters to disable/enable each block of modules on mobile devices (Extensions -> Template Manager -> J51_Arkadia -> Responsive Options).

For our demo on the homepage in these positions we used the ImageLinkHover module which is included with your purchase.

Ciarán

Thankk you for the quick answer

I want to hide top-1a, top-1b, top-1c and top-1d.
They are made with custom HTML. What kind of modules you are using on Preview template?

Can I modify de social media file. For testing I try but I get some position problems. there is also a more dark version of this file?

Pieter

Hello

1. To move the social icons down in to the hornav area try adding the following to the Custom CSS field of your templates parameters..


[code type=css]#socialmedia {top: 30px;}[/code]

2. To edit the icons you must edit the social icons sprite directly. You will find this file located at ../templates/j51_arkadia/images/sm_icons.png from the root of your Joomla installation (http://demo.joomla51.com/0093/templates/j51_arkadia/images/sm_icons.png).

3. Media queries can be used to hide certain modules on your site on smaller screen size. What module do you wish to hide?

Ciarán