Hi Saeed

1. One option which may work would be to place the button within a module and then use the 'hidden-desktop' Bootstrap class name to hide this module on desktop devices. The class name can be added to the 'Module Class Suffix' field of your templates parameters.

2. Sorry to say this option is not available with our Enterprise template.

Ciarán

Thank you so much Ciarán for your prompt reply, you know you guys are awesome and you do excellent work!
I need another favor too, I have Enlighten template also which I have purchased when I had the paid membership. I have tried to use the mod suffix in it "hidden-desktop" for the header module because I have added the click-to-call in it but it is not working. Not only that, but in the mobile view, it even hides the module by default.
Is there anyway, you can help with it also?
Thank you for your wonderful support!
Kindest regards,
Saeed

Hi Saeed

Thank you for the kind words .. Would you have a URL to an example of this issue and I will examine this further.

Ciarán

Hi Ciarán ,
You're welcome!
Here is the URL of the site that is under construction: http://cdfiton.org/3/

Hi Saeed

Checking your page source I am unable to locate any element with the 'hidden-desktop' class name. Could you detail for me which module you have added the 'hidden-desktop' class name?

Ciarán

Hi Ciarán,
I have replied to your email info@joomla51.com with the super admin login credentials for your use.
Thank you!
Kind regards,
Saeed

Thank you Saeed

The hidden-desktop class name appears to be working without issue with the exception that a space needs to be placed before it within the 'module Class Suffix field so use ' hidden-desktop' rather than 'hidden-desktop'.

Ciarán

Good Morning Ciarán,
Thank you for your reply!
I have added the space before hidden-desktop in the module suffix but the phone number that I have written in the header2 module remains displaying. Should it not disappear now from the the desktop view?

My apologies. The header modules are exception as they are hidden by default on mobile devices. I have edited this with your template and your module should be now displaying as you wish!

Ciarán

Hi Ciarán,
Thank you so much for your help! I see that the click to call phone number is not showing in the header2 position any longer but, it is not showing in the responsive mode either. How can I make it show in the responsive now? Meaning, on the smart phones and tablets?

Hi Saeed

Could you try doing a full refresh on your browser (CTRL + F5) to ensure you are loading the amended CSS. Checking on this end your module is displaying on smaller screen devices.

Ciarán