Shape 5

For some strange reason, the module on top_row2_1  is overlappping my lower modules. I actually kept the default the same and only changed the content in it. I am not sure why this is happening. Here is a screenshot:

https://imagebin.ca/v/3dN1HKez0yOI

Hello,

The top boxes are meant to overlap the row above as shown on our demo. If you want to disable this add the following to custom.css:

.top_boxes {
margin-top:0px !important;
}

I am pretty sure something went wrong because on the demo it never shows this. Also, it was working perfectly until I saved it. Maybe there is some sort of conflict, I am not sure but I know that this is not supposed to happen because the module actually shifted down. It is supposed to be here: https://imagebin.ca/v/3dSHfkEym128 (https://imagebin.ca/v/3dSHfkEym128)

I have PMed you my URL. The problem is on the front page, you will see that the module has shifted downwards. Thanks a lot

Hello,

Yes, the demo shows this. The boxes overlap the upper orange area with text. I checked your url and you did not apply the css I gave you above in custom.css, that has to be put on your site if you want the negative margin over-written.

I have added the code as you suggested but the problem remains. I added the code via the backend and it seems to have saved with success but its not reflecting the front end. I want the boxes to overlap the orange area just like the demo has but its not doing it on mine.

Hello,

If you want them to overlap the orange area you have them published in the wrong position. In the module manager reorganize your modules so that "Choose a Website" shows below the module that contains the boxes. It is currently set to show above the boxes, which is not the correct order.