WIX & Lodgify HTML issue in mobile view

[Pinin]

Ik ben geen programmer ofzo, dus een tamelijke noob in HTML etc. Ik ben onze website aan het opbouwen met Wix, en ik gebruik de booking engine van Lodgify. Individueel ben ik erg tevreden over hun helpdesk en kunde. Maar zodra het over 3rd party apps of widgets gaat wijzen ze naar elkaar wie het moet oplossen en is er geen ondersteuning ondanks dat beide betaalde software is.

Een beetje hulp zou zeer welkom zijn, misschien ziet iemand wat er mis gaat of heeft een toevoeging.

Het probleem is dat ik in mobileview de maandselectie niet zichtbaar krijg.


Hieronder de code die Lodgify genereerd om toe te passen bij externe websites.

hier toegepast: https://tomleeuw.wixsite.com/my-site/book-now

Deze website is not niet live dus vandaar de crappy domainnaam

code:

<script src="https://app.lodgify.com/portable-search-bar/stable/renderPortableSearchBar.js" defer></script>

code:

<style>
  :root {
    --ldg-psb-background: #ffffff;
    --ldg-psb-border-radius: 0.42em;
    --ldg-psb-box-shadow: 0px 24px 54px 0px rgba(0, 0, 0, 0.1);
    --ldg-psb-padding: 14px;
    --ldg-psb-input-background: #ffffff;
    --ldg-psb-button-border-radius: 3.58em;
    --ldg-psb-color-primary: #fac600;
    --ldg-psb-color-primary-lighter:#fde380;
    --ldg-psb-color-primary-darker: #7d6300;
    --ldg-psb-color-primary-contrast: #333333;
    --ldg-semantic-color-primary:  #fac600;
    --ldg-semantic-color-primary-lighter: #fde380;
    --ldg-semantic-color-primary-darker: #7d6300;
    --ldg-semantic-color-primary-contrast: #333333;
    --ldg-component-modal-z-index: 999;
  }
  #lodgify-search-bar {
    position: relative;
    z-index: 999;
    width:100%;
  }
</style>
<div
  id="lodgify-search-bar"
  data-website-id="436078"
  data-language-code="en"
  data-search-page-url='https://casarodriguillo.com/en/3350694/rooms1'
  
  data-dates-check-in-label='Arrival'
  data-dates-check-out-label='Departure'
  data-guests-counter-label='Guests'
  data-guests-input-singular-label='{{NumberOfGuests}} guest'
  data-guests-input-plural-label='{{NumberOfGuests}} guests'
  data-location-input-label='Location'
  data-search-button-label='Search'
  data-dates-input-min-stay-tooltip-text='{"one":"Minimum {minStay} night","other":"Minimum {minStay} nights"}'
  data-guests-breakdown-label='Guests'
  data-adults-label='{"one":"adult","other":"adults"}'
  data-adults-description='Ages {minAge} or above'
  data-children-label='{"one":"child","other":"children"}'
  data-children-description='Ages {minAge}-{maxAge}'
  data-children-not-allowed-label='Not suitable for children'
  data-infants-label='{"one":"infant","other":"infants"}'
  data-infants-description='Under {maxAge}'
  data-infants-not-allowed-label='Not suitable for infants'
  data-pets-label='{"one":"pet","other":"pets"}'
  data-pets-not-allowed-label='Not allowed'
  data-done-label='Done'
  
  data-new-tab="true"
  data-version="stable"
  data-has-guests-breakdown
></div>

...


...

[Christoxz]

Kan je niet 123 helpen wat ben geen noob in css, maar het probleem lijkt te liggen in de aanbieder van de search bar, dus ik neem aan lodgify.

Het lijkt er op dat de searchbar helemaal niet responsive is, en dat er dus een overflow speelt.
Er blijven twee maanden zichtbaar, echter buiten beeld.

Gebruik je ook de Lodgify templates? https://www.lodgify.com/vacation-rental-website-templates/
Zij beweren dat het gewoon responsive is.

Ik zie dat Lodgify ook hele paket aanbied, hoezo gebruik je ook Wix?

[Pinin]

Christoxz schreef op woensdag 12 februari 2025 @ 08:52:
Kan je niet 123 helpen wat ben geen noob in css, maar het probleem lijkt te liggen in de aanbieder van de search bar, dus ik neem aan lodgify.

Het lijkt er op dat de searchbar helemaal niet responsive is, en dat er dus een overflow speelt.
Er blijven twee maanden zichtbaar, echter buiten beeld.

Gebruik je ook de Lodgify templates? https://www.lodgify.com/vacation-rental-website-templates/
Zij beweren dat het gewoon responsive is.

Ik zie dat Lodgify ook hele paket aanbied, hoezo gebruik je ook Wix?

Lodgify website is beperkt qua design en functionaliteit, maar momenteel draait daar mijn website op

[ Voor 8% gewijzigd door Pinin op 12-02-2025 09:01 ]

[AW_Bos]

Dit lijkt me echt iets wat je via Lodgify moet melden als een 'bug'.

Als ik even mijn opmerking mag maken: Onthoud goed dat je via Wix maar erg beperkt bent in het bouwen en stylen van je website. Ikzelf raad een CMS (Joomla, Wordpress etc...) aan als je alle vrijheid wilt hebben.

[Pinin]

AW_Bos schreef op maandag 17 februari 2025 @ 00:02:
Dit lijkt me echt iets wat je via Lodgify moet melden als een 'bug'.

Als ik even mijn opmerking mag maken: Onthoud goed dat je via Wix maar erg beperkt bent in het bouwen en stylen van je website. Ikzelf raad een CMS (Joomla, Wordpress etc...) aan als je alle vrijheid wilt hebben.

Dankjewel ik zal er naar kijken en Lodgify gaat er nu dieper op in.