Problem with esport width

Hello
I was using gk_mystore and I find esport more virtuemart friendly but I have a problem with the width of the template.
In gk_mystore I put in template width insted of px 90%.
In gk_sport when I put 80% it just increase the main template but leave the top intact.

Also in gk_mystore there was the debug position which I put some hover buttons(facebook,twitter,live chat ...) in gk_esport the debug position is down and I cant make them hover in left side.

Is there a way to put them in left of the page or even better to put them like the cart icon to stuck in the left of the page.
Thanks in advance.

Anyone?

Hi

Ok this will require couple of css changes. Please show me Your site resized with % and buttons in "debug" position.

I fixed the buttons issue. I had to hardcore them into php.
I attached the image with 90% Template width

Hi

I was acctualy asking about the site url, so I'll be able to run some code changes using Firebug and tell You what needs to be done to resize it. If You do not want to paste this link here please use PM or mail it to me.

the site url is www.comworld.gr

Hi

Looks like this class can make it:

Code: Select all

.gkWrap .gkWrap {
    width: 100% !important;
}


ok that did the trick with the menu. But the shopping cart is still in the middle of the screen (I think it uses px)

Hi

Ok. This will require couple more changes. For start let use a code which will move it in right position:

Code: Select all

#gkVmCartSmall {
    left: auto !important;
    margin-left: 0 !important;
    right: -41px !important;
}


Next step is to edit /layouts/default.php and move a layer called #gkVmCartSmall inside #gkPageTop. Please let me know if You need some help with that. If Yes please send me an access to FTP.

When I put

Code: Select all

#gkVmCartSmall {
    left: auto !important;
    margin-left: 0 !important;
    right: -41px !important;
}

this to ovveride.css the cart disappeared.

Hi

And this is what this code does Most important part is to move a HTML code of this cart icon into the layer called #gkPageTop. So it will be displayed just outside this layer and not behind screen like it's now.