barbara89

Hi Roman!

Thanks, This looks better in general, but I have the same problem still.

On my Iphone SE you can only see the logo, hamburger menu and header image. I really want to see the first title of the page as well.

Can I make the header image smaller on mobile devices? Or could there be another solution?

Thanks a lot!

The site should be back in the air now! I had some troubles…. My host provider said something about malware….. Anyway, Fixed that!!

Hopefully someone can help me with tis issue now 🙂

The issue was resolved by the help of the provider using this code:

<div id="rm_reservation" class="section-content" style="float: none;margin: auto;">
   <div class="rm_reservation_top">
	</div>
   <div class="rm_reservation_body">
      <!--sample style from SeatMe-->
      <link type="text/css" rel="stylesheet" href="https://www.seatme.nl/css/srm.css">
      <div id="rm_wrapper">
         <!-- this is the script which generates the form -->
         <script language="javascript" type="text/javascript" src="https://www.seatme.nl/srm/?rid=6798&af=4211&lang=nl"></script>
<style>
#rm_reservation .rm_reservation_body {
          width: 239px;
      }
.widget select {
   max-width: 100%;
   height: auto;
}
</style>
      </div>
   </div>
   <div class="rm_reservation_bottom"></div>
</div>

Hi there!

I finally have my website online on a test website, maybe someone can take a look now.

It is about the widget on this page:
http://testomgeving.koppeinbeeld.nl/reserveren/

I am not able to design this the way I want to. On the mobile device I experience the same problem.

Thanks in Advance!

Yes! thank you, it is centered now the way I wanted it to!

There is one more thing:

The widget is sort of supposed to look like This
But, on my new website the green button that says “maak een reservering” is slipping behind the “time” (the option to choose a time).

I don’t understand because on both the old and the new website, the same code is used.

I did change the first line like you said (see code below)

<div id="rm_reservation" class="section-content" style="float: none;margin: auto;">
   <div class="rm_reservation_top"></div>
   <div class="rm_reservation_body">
      <!--sample style from SeatMe-->
      <link type="text/css" rel="stylesheet" href="https://www.seatme.nl/css/srm.css">
      <div id="rm_wrapper">
         <!-- this is the script which generates the form -->
         <script language="javascript" type="text/javascript" src="https://www.seatme.nl/srm/?rid=6798&af=4211&lang=nl"></script>
      </div>
   </div>
   <div class="rm_reservation_bottom"></div>
</div>

Dear Roman,

This is great! It works!

If I scroll down, the menu turns white for a second but it doesn’t bother me actually.

Thank you!!