janjak Hi Add this code in your template custom.css file to set a minimum iframe height
@media(min-width:468px){ iframe{border:none;min-height:300px}}
You can increase the value of 300px to a bigger value if you want to increase the height.
Regards
Thank you ! I think you are on the right way but the iframe is displaying less wide than it should be, even with higher values in the code you give me...
janjak Hi You have this code in custom.css file at this time
@media (min-width: 600px){ iframe { border: none; min-height: 400px; }}
Replace it with
@media (min-width: 600px){ iframe { border: none; min-height: 460px; width: 100%; max-width: 400px; }}
It will look like this http://prntscr.com/nqvnqq
Thank you that's nice! But I'm trying to have in the iframe just the same widget than on the original link :
janjak Hi Increase the min width value to get same like original link.
That's right :-) I remove max-width: 400px; who can't work with min-width: 600px and because this also broke the virtual tour on home page.... Have you an idea how to display the entire widget without scroll bars on the right ? When you enter a date and other things, the widget has to be higher..
max-width: 400px;
min-width: 600px
Regards, JJ
janjak If you want this to work only for this menu, you can add the menu item id in the code
@media (min-width:600px){.itemid-234 iframe{border:none;min-height:480px;width:100%}}
This will work only for this menu item.
Thank you very much ! An idea how to display the entire widget without scroll bars on the right when the client enter the dates, number of persons and credit card details ?
janjak
Hi You need to increase the min height value in same code. Please note it will apply for previous iframe too.
Yes but this will create a big blank area under the iframe ;-( Is there no way to have this "responsive", as images blocks ?
janjak No, the min height will not detect which iframe URL it will load. This work like this.
Ok, you're right : it's better now :-) Best regards, Jean Jacques
