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

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

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

Hello Ciaran,

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


Pieter

Hi Pete

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

Ciarán

Hello Ciaran

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

Pieter

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

Thanks. That will do the trick