I'm having problems rendering on mobile devices.

I’m having problems rendering on mobile devices.

Sending attached print situations.

When viewing on the iPad trim a margin on the right side:

http://prntscr.com/947hg4

And to see the iphone 4s and 6 the problem is that if I can drag the site to the left side for example and hence it is not set in proportion to (this was not to happen) if I give a less far on the site taking brushing the website it also appears mangled:

see print:

Space that appears on the iphone. Tested with iphone 4s and iphone 6.
If you take with two fingers and brush will appear as well.

http://prntscr.com/947gu2

Thank you.

[Content Hidden]

Hey Rafael,

This is caused by the custom styling you’ve added. Removing the CSS below should fix you right up.

.fl-page .fl-page-header .fl-page-header-container {
    width: 1107px;
}

Ben

Hi Ben, as I caused ? You can give me information on how you found this to me I pay attention the next time ?

Hey Rafael,

This is from your CSS Hero plugin. I’d suggest learning more about CSS, that’s the only way you can prevent issues like these. You can start by checking the link below. :slight_smile:
http://www.w3schools.com/css/default.asp

Ben

Ben, where I remove access to this code ?

.FL -page .FL -page -header .FL -page- header- container {
width: 1107px ;
}

Thank you.

[Content Hidden]

[Content Hidden]

???

Hey Rafael,

Bear with us in terms of a delay. We are in the midst of moving and Ben is out today. I’m actually working from my phone due to a wifi outage so won’t be able to login. This type of CSS should be in your child theme if using one or theme code section. It really depends on the theme you are using.

Best,
Bully

[Content Hidden]

Hey Rafael,

I wasn’t able to find any code in the child theme or customizer which would be the two areas where CSS would be inserted. Perhaps, CSS Hero has that code active somewhere? I’m not familiar with CSS Hero enough to know what to do in that case unfortunately. You’ll probably want to check in with them on why that code is appearing and how to remove it.

Best,
Billy

Hey Rafael,

Same with Billy, I’m not really familiar with CSS Hero. But I know that code is what’s causing the problem. The screenshot below verifies it’s a code from CSS Hero.
http://imgur.com/zuz16IB

If you’re not using the plugin, you can deactivate it. You’ll see then that your issue will be fixed. Other than that, I guess the guys over at CSS Hero can help you. Or maybe ask the guys over at the FB Group as well, maybe a few guys are familiar with it.

Ben