Carousel error Failed to load resource

[lousydeal]

Re: Carousel error Failed to load resource / Failed to parse SourceMap

Hello were you able to solve the issue?
I am having the same problem with my website.
Unfortunately I am not able to see any of my content. When I opened the developer tools I saw these errors:

DevTools failed to load SourceMap: Could not load content for http://www.alestella.info/wp-content/plugins/laytheme-carousel/frontend/assets/js/vendor/swiper.min.js.map

Uncaught ReferenceError: _ is not defined
at carousel.plugin.min.js?ver=1.6.1:3
at carousel.plugin.min.js?ver=1.6.1:3

Uncaught TypeError: Cannot read property 'attr' of null
at n (magneticslides.plugin.min.js?ver=1.4.9:3)
at a (magneticslides.plugin.min.js?ver=1.4.9:3)
at _ (magneticslides.plugin.min.js?ver=1.4.9:3)
at r.Channel.<anonymous> (magneticslides.plugin.min.js?ver=1.4.9:3)
at m (frontend.app.min.js?ver=2.9.8:1)
at v (frontend.app.min.js?ver=2.9.8:1)
at d (frontend.app.min.js?ver=2.9.8:1)
at r.Channel.u.trigger (frontend.app.min.js?ver=2.9.8:1)
at Object.triggerSizeChanged (frontend.app.min.js?ver=2.9.8:1)
at A (frontend.app.min.js?ver=2.9.8:1)

Site:
alestella.info

I have de-activated all plugins and custom css from the site but the problem persists.
Any ideas?

Thanks!

[mariusjopen]

Dear @lousydeal
I can see your website working well and no errors.
Best!
Marius

[lousydeal]

Thank you @mariusjopen

Everything seems to be back to normal the only problem I have at this point is that my carousel seems to not be center to the browser height.
As you can the the text line at the top should have same margin as the captions at the bottom and images should be centered horizontally and vertically,

Any suggestions?
Thanks a lot!

[mariusjopen]

Dear @lousydeal
can you play around with the CUTSOM CSS and give it a different padding or margin?
Best!
Marius

[lousydeal]

@mariusjopen

Yes I can totally add the top line with HTML and tweak properties with CSS.
However, do you have any suggestion for the height of the browser itself?
I want to avoid scrolling. As the page first loads the carousel is not center and you need to scroll down for it to be in place.

My intention is to have no extra space top or below and have the carousel centered with no ability to scroll.
I set the frame with fixed Height 100vh and took out any margins but no luck as you can see from the screenshot:

Thanks!

[lousydeal]

This post is deleted!

[lousydeal]

I placed this:

HTMl Head content:

<style type="text/css">
html {
overflow-y: hidden;
}

CUSTOM CSS:
.col .lay-carousel-wrap {
position: relative;
top:-70px;
width: auto;
height: 100%;
left: 0;
}

Although the hidden overflow solves the scrolling issue it does not take care of the center horizontal alignment of carousel.
I would like to keep intact the mobile version since I am deploying scrolling on device.

In Custom CSS, the lay carousel wrap class with top-60px seems to be working although I do think it's a cheat that takes care of something else going on.
In addition images seems to be slightly cropped.
Do you have a more functional and elegant solution?

Thanks!

[mariusjopen]

Dear @lousydeal
can you post a link to the page where you experimented already?
Best!
Marius

[lousydeal]

This post is deleted!

[lousydeal]

@mariusjopen

Here's the site.
alestella.info
I have implemented this code with overflow to avoid extra scrolling and custom css to center carousel.
I am wondering if there's a better solution to this since I would still like to scroll on mobile.

HTMl Head content:

<style type="text/css">
html {
overflow-y: hidden;
}

CUSTOM CSS:
.col .lay-carousel-wrap {
position: relative;
top:-70px;
width: auto;
height: 100%;
left: 0;
}

[mariusjopen]

Dear @lousydeal
Ok, thank you for writing. We will have a look also with Armin and hope to get back to you as soon as possible.
Thank you for using LayTheme!
Marius

[lousydeal]

@mariusjopen
Thank you for your help!

[mariusjopen]

Dear @lousydeal
Happy to help!
Best!
Marius