View Single Post
Old 05-09-2016, 01:23 PM
Tara K's Avatar
Tara K Tara K is offline
Join Date: Apr 2016
Posts: 43

Originally Posted by Loopty Loo Designs View Post
On the mobile version of our website, when the user clicks on a product and brings up the product page, the breadbrumbs at the top and the product title are overlapping eachother.


Also when checking out, when you get to the last screen to place the order, the whole screen has shifted off to the right and you have to scroll right to see anything.

We need it to line up with our header.


I’m sorry to hear about the issues. The screenshots you provided are not visible as images on the forum. To make them visible you should right-click on the file on your Google Drive and choose “Get shareable link” option. But don’t worry, I was able to reproduce both issues.

I have investigated your store and found out the following. A new custom CSS theme is applied to your Ecwid. This part of the code:

.ecwid-productBrowser-categoryPath {
 position: relative !important;
 top: -35px !important;

.ecwid-productBrowser-head {
 position: relative !important;
 top: 30px !important;
made breadcrumbs overlap product titles. You should remove it to fix the issue. You probably added it to make some changes in your store. Please let me know what you intended to change, I will help you with the new code.

Concerning the “Place order” page shifted to the right. In your custom CSS theme there is a rule:

/* Move Ecwid store to the right */
.ecwid-productBrowser {
        margin-left: 215px !important;
        min-height: 300px;
This code moves the store pages to the right (not only the last screen to place order). Here is how I see it on my Mac in Google Chrome browser:

You can remove the code to fix the issue with the pages shifted to the right. In case you need to keep the rule for some reason, please describe what behavior of your store you expect to see (i.e. for what purpose you added this rule to the CSS) and we will assist you.