Return to previous page

Unwanted left space essential grid in responsive/mobile mode.

This topic has 6 replies, 4 voices, and was last updated 8 years, 9 months ago ago by Stan Russell

Vdw

Participant

March 15, 2016 at 15:19

Hi there! 🙂

I have an issue that should be theme related.
I have an example just to show you guys the problem on my website with a “normal grid from visual composer” and an “essential grid”.
The essential grid shows some unwanted left space when in responsive/mobile mode. I tried to copy your photographer theme and your demo doesn’t have any left space when resizing a page. The problem is also only with essential grid. Other elements like a visual composer’s grid or other plugins stretch fully in responsive mode.
I looked it up on the forum of themepunch and tried all solutions they offer concerning this specific problem: https://www.themepunch.com/faq/remove-unwanted-left-paddingmargin-grid/
Now my last hope is with you as I’m guessing that it is theme related.
I also already updated all plugins to the latest versions.

Hope you guys can help me out! 🙂

Please, contact administrator
for this information.

#117512 Copied Theme version: Royal Theme WooCommerce version: 2.5.5

5 Answers

Jack Richardson

Support staff

March 15, 2016 at 17:53

Hello,

Could you please show a screenshot for better understanding what space you want to remove?

Thank you.
Best regards,
Jack Richardson.

#117535 Copied

Vdw

Participant

March 15, 2016 at 20:02

Just to be clear, I have 2 grids on the page to show you what’s wrong. The first one (=grid by VC) doesn’t have any problems when going into responsive mode, but the second one (=essential grid) seems to be the only one causing problems with the theme.

The unwanted space is now in orange to show you (picture is in responsive mode). It’s all around the essential grid but it’s the space on the left that bothers me the most. Something is pushing the content to align right in responsive mode. I want the content to be stretched full width on mobile screen aligning to both left and right without any space.

Thanks in advance.

#117553 Copied
Eva Kemp

Support staff

March 15, 2016 at 20:35
Hello,

Please add this code in Theme Options > Custom CSS > Custom CSS for mobile:
```
.esg-container {
    padding-left: 0px !important;
}
.esg-grid .mainul li.eg-nadja-wrapper {
    width: 100% !important;
}
```
Regards,
Eva Kemp.
#117558 Copied
Vdw

Participant

March 16, 2016 at 05:39

thanks! this works!

#117567 Copied

Stan Russell

Participant

March 16, 2016 at 09:02

Hello Vdw,

we are happy to help! Have a nice day!

Regards,
Stan Russell.

#117583 Copied
Tagged: essential grid, mobile, responsive, unwanted space, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)