About width in mobile

Do you know the screen resolution of the mobile? Maybe the counter circle makes the issue because they have set min width 220px.

Found the bug…it relates to position and shadow effect of the footer. will be fixed in the next version 😉

Just a quick note — I had that problem too on my site, but for me it was in desktop view. I thought that the modifications I did to the header or slider might have caused it. Here is how I fixed it:

CSS:

body {overflow-x: hidden;}

@nickpapag – I tested this on your site using Chrome developer tools, and it works to solve the problem you described. Nothing moves.

All this does is prevent the site from having a horizontal scroll — when viewing on a desktop you can see that without this, the site has a horizontal scroll bar at the bottom. But on a responsive site, ordinarily you wouldn’t need that.

I agree, but in my case, in order to get the layout for header & slider elements the way I wanted, I had to create extended width by using negative margin values.

That’s why I didn’t report the scrolling problem — I can see that on some sites it is caused by the footer width exceeding the rest of the page width, but in my case I thought it was also due to the header/slider values I had coded. So I didn’t think it was a bug– I thought it was just an artifact of my own customizations.

In particular, for the slider I wanted the button off to one side rather than stacked under the caption, so I coded a value like this:
.carousel a.button {float:right; margin-right:-300px;}

And it worked to get the button placement I wanted– but I was thinking that the negative value for right margin was also what created the scroll problem I was having.

And I realize that’s sloppy coding on my part. It’s better to recode the html rather than trying to compensate with the CSS, but that gets tricky working with a child theme, especially when I know that you are actively in the process of refining the updated version.

• This reply was modified 7 years, 10 months ago by Abigailm.