Page scrolls to the right, and diagonal line isn't full screen on safari

Support
#1

Hi,

I’m having two issues, one is that you can scroll to the side on one page, and the other is that the diagonal divider doesn’t go all the way to the border of the page. Both issues are on safari (mac)

  1. https://cornerstonetemplates.store/home-page-designs/demo-7/
  2. https://cornerstonetemplates.store/home-page-designs/demo-1/

Any solutions?
Thanks

#2

Hi there,

Thanks for writing in.

Please add this CSS to your global custom CSS

.x-root {
overflow-x: hidden;
}

There are elements greater than its width, which pushes the page’s width.

Thanks!

#3

Hi,

Unfortunately, this didn’t help. Though i’m a bit in doubt if it’s because of the code, or because cornerstone is messing with my whole website. I cant load cornerstone when trying to edit. I get the message: “A conflict on the front end of your site has prevented the preview from loading.”

I tried disabling all plugins, but this doesn’t work either. Issues i’m seeing as well:

  1. product descriptions aren’t in two columns as they used to be
  2. custom CSS doesn’t have priority, so my elements with custom css isn’t being styled corectly. For example the buttons.
  3. the button shortcode in the exit intent pop-up isn’t working either.

What is going on?

Thanks in advance.

#4

Hi,

regarding, my second post; It was a broken child theme, because i deleted the header in the style.css file. This has now been fixed.

The demo 7 is now fixed.

But, Please help me fix the demo 1 issue.

Thanks in advance.

#5

Hi there,

Would you mind providing a screenshot of what you’re getting? Maybe I’m seeing it differently. I checked and tested that CSS and it works, but I don’t see it added in demo 1. Maybe I’m just fixing a different issue.

Thanks!

#6

@iam

Hi,
In safari, the SVG doesn’t go all the way to the edge. (see image) We might be going with a CSS solution before you respond.

#7

Hi there,

Ah yes, I’m seeing it differently. What I’m seeing is, that SVG goes beyond the layout.

Since it’s an image element, you have two solutions that you can implement,

  1. Use PNG instead of SVG, SVG image doesn’t respond to CSS sizing within iOS Safari.
  2. Or add this to your image’s style input/attribute

transform: scale(1.1);

Thanks!

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.