Hello proedu,
below is the answer provided to another user with similar issues. Please let us know if this helps?
For now mobile compatibility for Toasted sites can be achieved by two ways:
3.a. Simpler mobile version.
Consists of independent mobile templates with their own CSS styles. Such templates are marked as “mobile pages” in Toaster (
http://take.ms/uacUl) and they get populated on mobile devices instead of desktop templates.
Please note that mobile templates cover only those pages which belong to them, the rest of pages are shown with original desktop design on mobile devices.
By the way the theme
http://equipment-website-templates.seotoaster.com/ is built with mobile templates. We are going to update it in the nearest future for our Toaster users because now it seems to have lost some formatting.
3.b. Advanced mobile version.
The idea - all the templates are built with CSS media queries with the integration of responsive/adaptive design.
I'm happy to present you our special CSS framework called Flexkit. It allows to build pages responsive by default and then modify them to fit mobile devices any way you want (hide, restyle blocks, change their behaviour etc.).
You are welcome to download Flexkit and learn more about it here
http://flexkit.seotoaster.com/
By the way this theme
http://ecommerce-adaptive-design.seotoaster.com/ and the one available with the latest Toaster version are built on Flexkit CSS framework.