Mobile bikestore site problems

Guys,

When I view my site on iPad tablet it looks ok (with one or two exceptionals0.
When I view my bikestore site on a BlackBerry Bold mobile it is, basically, very broken.
How would you suggest I control what the user sees?
I don't want to make lots of changes to the mobile.css file to fix the BlackBerry experience but then find it breaks the iPad experience?

These are my biggest issues...
1. At the moment on the BlackBerry view, none of my sidebar modules appear in the sidebar position on the right of the mainbody modules but instead sit below the mainbody position.
2. Also, the logo repeats itself and some weird white icons have appeared in the place of the cart, log in and register options. How do I fix this?
3. I use gk news show pro 3.3.6 to show off vm2 products on the frontpage.
And have two rows of 3 products.
On the BlackBerry each product fills the mobile screen entirely though and I don't want this. How can I revert to the 2 rows x 3 columns setup?
Is this related to responsive images?

Thanks guys

Hi

Please show me Your site.

Hi

1. Sidebars are pushed below mobile beciase of responsive functionality. It's becuase blackberry screen is much smaller and everything needs to fit there.

2. Logo code is set to repeat currently, please simply disable it with:

Code: Select all

#gkLogo.cssLogo {
    background-repeat: no-repeat;
}


3. This is also the only way to do it. You need to remember that there are other devices which will not look good showing 2 products in a row. This is basicaly how responsive layouts works.

OK... thanks for logo fix and info.

Is there a way to hide modules that look awkward on mobiles and on mobiles only?

Also, if layout is too difficult to fix can you disable mobile version of site completely so the Blackberry just tries to load the regular site? Would that potentially be easier fix?

Hi

I cannot close just mobile layout. You can try empty mobile.css file, but I would not recomend that.

Also I do not have blackberry, but emulators are showing exaclty as it should looks like. Mobile layouts looks a lot different than normal, becuase screen is smaller. I think You are taking this as an error, but it's supposed to be like that.

To manipulate with modules dsplay You need to use module class suffix as: nomobile, notablet, etc.. You will find a full list in our demo.

That's fantastic that there are module class suffixs nomobile and notablet!

Clearly I need to experiment more here and come back to you.

Hi

Sure, no problem. Ask anytime, about anything.