- This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
I have a drop down menu that shows after choosing a date in a calendar. It then opens up a drop down menu for the time slot. This is an awful design and I would like to change it. I do not, however, know how to. I have been trying to days and am admitting defeat.
http://www.energyreclaimer.com
An example of this is located on my website, just scroll down on the main menu. Choose a service and then a date. Then you will see the time drop down. I would like a table to show under the calendar that shows up after you choose a date. It can even be there before that too. I would like it to be roughly 3 columns of available times. With other scheduling software, it does this. This is the only one that offers great features with editable CSS.
Here is a screenshot of the element highlighted and some of its associated code:
http://energyreclaimer.com/wp-content/uploads/2014/10/calendar-time-drop-down-issue.png
So I have been poking around a bit and have gotten the hour time slots to show as a grid type and have its overflow shown. Now, I can not seem to find out how to get it to show up next to the calendar container at all times. Then in a mobile device, it wont be able to display it to the right due to its width, so it forces if below the calendar container. Like so:
Browser:
Calendar | Exact Time
Mobile:
Calendar
Exact Time
Could someone look at the site and help me achieve this? http://energyreclaimer.com/schedule-an-appointment/