Hi everyone, 

I really like the Amelia plugin and I found it mobile-friendly. However some people came to me explaining they could not find the button to show the dates on their mobile. And that is true that it is not really intuitive (see pic). Does someone know how I can find a solution like changing the little button we have to click on, maybe put it in another colour, or write "date" on it, or even put it at the place where the plugin ask to choose a date. I am trying to find a way to make it as easy as possible for clients and not make them leave the website because they couldn't find the right button ! Maybe juste a CSS line would be enough. Please heelp ! 

Thank you,

Roxane 

I tried the code to change the button colour but it seems that the <> as well as the / don't work 

Ok good, I can see the CSS code of the Amelia plugin ! Great.

So, now, to remove the icon, I first need to add this line at line 140 ?

<!-- Toggle Filters -->
<span class="am-filter-icon" @click="toggleFilters">  <!--<img class="svg-search" :src="$root.getUrl + 'public/img/filter.svg'">-->
</span>

There won't be problem with the <> ?

Oh my god I put this line I did a wrong manipulation and my Wordpress says the plugin has been disabled and I can't find it on my wordpress anymore !! I am afraid I lost all my configurations and I don't know how to put it again on my wordpress. I copied paste the CSS code of the plugin before on another file. 

Hi Milan, 

Thank you very much for having fixed my problem. So now, I won't ever touch the code directly in the Editor of plugins ahah. So if I want to make changes, it is better to make them in the FTP files, right ? And from there I can change, remove or add some lines, like the ones you sent to me ?

Yes the button like this is perfect ! If I want to change the colour, I can do it myself in the CSS of my theme with this code ?

.amelia-app-booking #am-search-booking .am-search-results .am-search-input .am-filter-icon {background:red !important;}

Thank you so much, you are so efficient

Hi Milan, 

Thank you very much for having fixed my problem. So now, I won't ever touch the code directly in the Editor of plugins ahah. So if I want to make changes, it is better to make them in the FTP files, right ? And from there I can change, remove or add some lines, like the ones you sent to me ?

Yes the button like this is perfect ! If I want to change the colour, I can do it myself in the CSS of my theme with this code ?

.amelia-app-booking #am-search-booking .am-search-results .am-search-input .am-filter-icon {background:red !important;}

Thank you so much, you are so efficient

Is it possible to put "réserver" instead of "date" and put the box a little bigger ? The goal is that the person who comes on the plugin can find easily where to click to book the consultation and I am afraid it is not as easy to use as the rest of the plugin

Hi Milan, 

I talked to a lot of people about the mobile version, asked them to book it online to see where they would click. First, all of them clicked on the icon (enclosed) so it would be great to delete it I think, second they prefer an icon of a calendar instead of "date" or "reserver". So would it be possible to put a calendar icon (see enclosed) bigger than the current icon so people know they need to click on it to see dates appear ? It would be sooo nice of you.

Thank you very much Milan, 

Have a great day, 

Roxane  

Hi Milan, 

It would be great. Thank you very much !

Roxane

Hi Milan, 

I hope you are well.

I just checked on the website but the icon has not changed (see attached). Do you know why ? 

Thank you for you help, 

Roxane

Hello Milan, 

I didn't delete any page, but I changed the shortcode Ameliasearch for AmeliaBooking on my home page. The Ameliasearch plugin were added in both my home page and the page "Reserver" and I did not touch it on the page "Reserver" but it is not working there neither. I tried many times but the the icon has never appeared as you sent me. I am sorry, I don't know how I could touch the scripts or the style because the only thing I modify is the text in the page (see picture, this is my actual home page and I changed the ameliasearch for ameliabooking).

Ok Milan, I understand what happened. You put the code on a page I duplicated by mistake and I did not use this one so I couldn't see and you couldn't know neither. Sorry for bothering you. I found the code and created a new page with it. It gives this. This is what is expected ? 

Hi milan, 

Thank you that is perfect. You are the best !

Have a nice day, 

Roxane

Hello Milan, 

I have a question. On the mobile version with Amelia Search, when the client has chosen the date he wants, he needs to click on the little cross to close filters and see the different available appointments. It is complicated because most of clients do not know they have to click on this cross and then they are stuck. Do you know if there is any possibility to click on the date and directly see the availabilities appear, without clicking on the cross ? 

Thank you so much, 

Roxane 

Hello Milan, 

Can you see the calendar icon we configured with the CSS code you sent me and that I put on the page https://pungao.fr/reserver ?

I don't know why the filter icon came back. Could you tell me why please ?

Thank you very much, 

Roxane

Hello, 

Thank you, 

I created a new page without using the team builder and the problem is solved. Thank you !!