Mobile layout for your existing online store

Open your shop on your own phone and try to buy something. Your store is not mobile-friendly if you notice any of these:

• you have to pinch and zoom to read the text;
• the page is wider than the screen and you have to scroll sideways;
• buttons and links are too small or too close together, so you tap the wrong one;
• the menu does not open, or it fills the screen and will not close;
• a banner or photo is cut off at the edge of the screen;
• the cart or checkout fields do not fit, and the order button is out of sight.

A customer who struggles to order on a phone may leave. Google also assesses your site mainly by its mobile version, so a poor mobile layout can affect how you show up in search.

I adapt your current design so that it fits the width of the screen. Only the look changes: your products, orders and page addresses stay the same.

• Text. Large enough to read without zooming, with no lines running off the screen.
• Buttons and links. Bigger and spaced apart, so they are easy to tap with a thumb.
• Menu and search. A long category list goes behind one “Menu” button, and the search field moves to the top.
• Photos and banners. Fitted to the screen instead of cut off. Oversized images are made smaller so pages open faster on a phone.
• Product page. The photo, price and “Add to cart” button are visible straight away, with no sideways scrolling.
• Cart and checkout. Form fields fit the screen, and the phone number field opens a number keypad.

I check the desktop version at the same time, so nothing breaks there.

Themes for old OpenCart versions such as 1.5 were often built for desktop screens only. Such a shop can be made to work on phones without upgrading OpenCart itself, which is what I did for e.segris.lt. I change the theme files and styles, while products, orders and the admin panel stay as they are.

After the check, I advise whether it is better to adapt your current theme or switch to another one. If a paid theme is needed, you buy the licence, and we agree on this before work starts.

Upgrading OpenCart to a newer version is a separate job, described on the OpenCart upgrade page.

e.segris.lt is a hunting gear shop running on an old OpenCart 1.5 system. On a phone, the old version had a large logo and grey icons without labels at the top, a narrow search field, and banner text cut off at the edge of the screen.

I gave the shop a new look for phones and computers. It now has a compact header, a full-width search field and a “Menu” button, and the text and buttons fit the screen. I also fixed SSL (HTTPS) and added Lithuanian product descriptions with photos and videos.

You can compare the desktop and product page views in the Past work section. It also covers siuvimomanija.lt, a long-term client: an OpenCart shop online since 2010 that I updated. It has automatic shipping cost calculation and card payment, and I worked on its SEO. I have looked after six websites for this client for two years.

I test every change in a test copy while your shop keeps running as usual. I check:

• different screen widths: small and large phones, a tablet and a computer, and a phone turned sideways;
• the whole buying path: home page, category, search, product page, cart and checkout form;
• that no page is wider than the screen and nothing is cut off;
• that text is readable without zooming and buttons are easy to tap;
• how quickly pages open on a phone.

If anything looks wrong, I correct it before moving the changes to your live shop.

1. I review your site on a phone and set out in writing what I would change and what it would cost. This is free.
2. I make a backup of the whole site and its database.
3. I make and test the changes in a test copy. Your shop keeps running meanwhile.
4. After checking, I move the changes to your live shop.

The price is agreed before I start, and you pay in instalments. We can issue a VAT invoice. More under How I work.