Hello,
I would like to add a “Call Now” button that would be displayed on top of the page on mobile only. It would look something like this :
I have accomplish something similar on another website before with an address and URL :
Here was the code :
/* Add address and phone number top page mobile only */
@media all and (min-width: 320px) and (max-width: 1024px) {
body .container_wrap .avia-builder-el-last {
margin-bottom: 0;
padding: 0px!important;
}
#advanced_menu_toggle {
top: -61px;
right: -15px;
}
#top-header-contactinfor {
float: none;
text-align: center;
top:0px;
}
Does anyone have an idea on how to do that?
Thank you in advance! :)
Hey 805ITS,
You might want to add the widget area to the header and add the button there, hide the area on desktop size screen and show on mobile.
Best regards,
Victoria