How to separate copyright from "Switch to mobile version"

Hello, as you can see in attached image, on my android device, if i watch the website in desktop mode, on footer i have copyright and "switch to mobile version" united... separated just by a dot.
Is it possible to put the copyright on the right of the footer and "switch to modbile version" at the center of the page?

Thanks a lot for your help.

Screenshot_2012-07-25-10-23-11.png

Hi,
please try add to override.css

Code: Select all

span.mobileSwitch {
padding:0 0 0 10px;
}


and increase or decrease last value to fit your needs. Remember to enable override.css option in template settings.

Thanks Konrad, it solved the space problem. But is possible to put "switch to mobile version" at the center of the page and copyright informations at right side of the page?

Please try change this code I gave you to

Code: Select all

span.mobileSwitch {
padding:0 0 0 10px;
float:left;
}


and use last value to center it.

Sorry, but unfortunately it doesn't work. "Switch to mobile version" is still at extreme right of the page.
Do you have another solution? Thanks a lot for your help.

Please give me url to your page.

www.biancofarina.com . let me know if you need admin panel access, i've installed jsecure and i will give you the right address, in PM.

Please try go to layouts/blocks/footer.php and find:

Code: Select all

<span class="mobileSwitch">
         <a href="javascript:setCookie('gkGavernMobile_<?php echo $this->parent->name; ?>', 'mobile', 365);window.location.reload();">
            <?php echo JText::_('TPL_GK_LANG_SWITCH_TO_MOBILE'); ?>
         </a>
      </span>


and change to:

Code: Select all

<span class="mobileSwitch" style="float:left;padding:0 0 0 10px;">
         <a href="javascript:setCookie('gkGavernMobile_<?php echo $this->parent->name; ?>', 'mobile', 365);window.location.reload();">
            <?php echo JText::_('TPL_GK_LANG_SWITCH_TO_MOBILE'); ?>
         </a>
      </span>


Perfect!. it works fine!!! Thanks a lot.