Move the language module

Hi, I want to apply the changes on my website. As per the attached picture would change the position of the form language which is now included in the module "search." How could I do?
This is my website http://www.atistecnologie.it
Thanks in advance

Hi,
but where is your search module?

Hi, it you select italian languages, you find it.

Ohh, okey.. use this:

Code: Select all

#gkSearch {max-width: 300px;}
#gkSearch form {float:right;}
div.mod-languages { float: left;}

You will get

langs.png

Guide for Custom CSS: http://www.gavick.com/documentation/joo ... -template/

Something for smile : http://www.youtube.com/watch?v=6OiCKwhLVXc
short excerpt from great Polish movie

Thanks for the reply. How could I apply this change, even for the template for ipad, iphone and other mobile devices. Here is what it looks like on ipad.

You have iPad Mini ?
I think we have to reduce size of search option in mobile view. It should help.
But first try this:

Code: Select all

#gkSearch #mod-search-searchword {  width: 160px; }

Remember to refresh browser few times.

If wont help use this:

Code: Select all

#gkSearch #mod-search-searchword {  width: 130px; }

or use 120px or 100px or less ?
inside : mobile.css file !! he is in /css folder of template

Hello, I finally had time to review the code that you gave me.
I tried to add it but it does not work. I attach the screenshot.

gk.jpg

gk1.jpg

I hope for your help!
P.S.: My device is an iPad Air

You're right on different resolution/screen size it looks sometimes okey and sometimes not.
Please try this:
Edit this file: templates/gk_shop_and_buy/css/small.tablet.css
line ~67
change to:

Code: Select all

#gkSearch {
    margin-left: 5px;
    max-width: 220px;
}