Arrows in image slider and footer

[Marino Petrsoric]

Hello,
its working but my google maps is not auto resizing, so it doesnt show good location.
Can you please check it:
http://villa-rachele.com/contact/

Is there any way to fix it? Thank you

[Sonnal S Sinha]

Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
And paste this css code

@media screen and (max-width:47.938em) and (min-width:30.000em) {
.contact_left iframe { width:100%; height:250px; box-sizing:border-box;}
}

Regards,
Shri

[Marino Petrsoric]

Thanks that fixed it!

I just have a new problem :/ My menu disappeared on mobile devices ? I tried with iphone and lg g3 and there is no menu when I open the site. Can you please help me out with that one ?

[Sonnal S Sinha]

Hi Marino,

Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
And paste this css

@media screen and (max-width:980px) and (min-width:320px) {
.header_right { position:relative; z-index:10;}
.mobile_nav a { margin-top:0;}
}

Regards,
Shri

[Marino Petrsoric]

Hello,
the menu is now here, but its above the slider images. Is it possible to put the slider under the menu the slider image is uncut.
Thank you for you help!

[Sonnal S Sinha]

Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
And paste this css in custom box

@media screen and (max-width: 61.250em) {
.innerbanner { margin:42px auto 0;}
}

[Marino Petrsoric]

Hi, i just tried this but its still the same. On my phones the slider images are cutted by menu :/

[Sonnal S Sinha]

Hi Marino,

We have tested in android devices. Everything is fine and slider images didn’t cutted by menu.

Regards,
Shri

[Marino Petrsoric]

I have lg G3 and when its in landscape its ok, but when its normal its not ok. I think we should make if work for min width from g3?

[Marino Petrsoric]

Hello,
I still have this issue. The slider images are cutted by menu I tried to open the site on android and iphone. Please provide me some fix.
And also one more new problem. When you click on menu on mobile device the menu opens and the BOOK NOW bottun stays on the page its not hidded under the menu. Please help me with those 2 problems. Thank you

[Sonnal S Sinha]

Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
And paste this css in custom box

@media screen and (max-width:767px){
body.home section#home_slider { margin-top:40px;}
.bookbtn { z-index:5;}
}

Regards,
Shri

[Marino Petrsoric]

Hello,
Thank you very much this fixed the book now button and the menu is no more over the slider image.

I have 1 more think now. I have removed the grey box on image slider with this code:
.nivo-caption {
margin-top:200%;
background-color: transparent;
}
and when opening on pc or bigger screen its removed. But now its still on mobile phones.

Can you please give me code to remove that grey box on mobile phones?
Thank you!

[Sonnal S Sinha]

@media screen and (max-width:767px){
.nivo-caption { display:none !important;}
}

[Marino Petrsoric]

Thank you! It’s working great now! Great support!

Do you think I should replace my code margin-top.. with yours?

[Sonnal S Sinha]

Cool 🙂

Regards,
Shri

[Author]

Posts