Icons, share box and contact form problems

[tiborsojka]

Hello,

I've found some problems on my new site: http://sg.imaginedesign.cz and I didn't find any help here.

1. Square symbols on Register button in header, then when mouse point on products on main page, in follow us section in footer, and on each product page - add to wishlist button and square symbol on ,,popis" - more info about product.
2. Some social share buttons on each product page are empty and not straight
3. Contact form in contact page has some problems as well

Could you help me to solve those problems? And sorry for my english.

 

[karrtik]

Hello there,

Could you please try to activate parent theme and then check it is working or not. If it works then any code in child theme is creating issue, you need to check it.

Thank You

 

[tiborsojka]

Thanks, but I forgot to say, that it didn't work in parent theme as well, I've already tried it.

 

[karrtik]

Hello there,

I forwarded your site to technical team and seems that any third party plugin is conflicting with theme, So please deactivate all third party plugins to see if this resolves the problem? If this works, re-activate the plugins one by one until you find the problematic plugin(s).
I hope it will work.

Thank You

 

[tiborsojka]

Thank you, it was coused by Elementor plugin. But why? Is there anyone with the same problem? How to fix it?

 

[karrtik]

Hello there,

We have informed it to our dev team, They will take a look.

Thank You

 

[tiborsojka]

Thanks, but I have another question/problem.

I found the slider at home page is not responsive. I just tried to edit the height, but it still doesn't look really good in mobile view.
Is there any chance to fix it, or I have to use an external plugin?

Thank you for your time and help. I hope it's the last problem.

 

[karrtik]

Hello there,

For that please try this code in "Appearance > Customize > Additional CSS"

@media screen and (max-width: 667px) {
#slider-div li {
    background-size: 100%!important;
    }
    }

This will help you.

Thank You

 

[tiborsojka]

Thanks, it works for width. But then there is a problem with height. So I have to set up height of the section manually for mobile/tablet view?

 

[karrtik]

Hello there,

Actually height works according to the width of image, If you increase height then your image will look distort.
So leave image height to auto, It won't distort your image.

Thank You

 

[tiborsojka]

Yes, that's true. Slider size is perfect now.
But did you see the website in mobile view? There is a place (like blue box) under the image that didn't change its size with your code.

 

[karrtik]

Hello there,

For that please try this code

@media screen and (max-width: 667px) {
.hero-wrap.slide .slides li, #hero-color, #hero-image, #hero-video, #hero-gradient {
    height: 445px;
}
}
@media screen and (max-width: 768px) {
.hero-wrap.slide .slides li, #hero-color, #hero-image, #hero-video, #hero-gradient {
    height: 512px;
}
}
@media screen and (max-width: 1024px) {
.hero-wrap.slide .slides li, #hero-color, #hero-image, #hero-video, #hero-gradient {
    height: 680px;
}
}
@media screen and (max-width: 480px) {
.hero-wrap.slide .slides li, #hero-color, #hero-image, #hero-video, #hero-gradient {
    height: 250px;
}
}

This will help you.

Thank You