Hi Team,
Ive followed the documentation to add a widget to the header area so I can create a button (https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area). The button gets created perfectly, however when clicked the URL link does not activate. The button just does not do anything!
I’m using the short code
[av_button label='Refer A Friend' link='manually,/refer-a-friend/' link_target='' size='small' position='right' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-5obiu2i']
How do I get the button URL to activate?
Hey,
Thanks for contacting us!
I added following code to bottom of Quick CSS field in Enfold theme options > General Styling
#header .widget {
width: 100px;
float: right;
z-index: 101;
padding: 25px 0;
}
Please review your website :)
Best regards,
Yigit
Thank you!
Is there a way to hide that button when used on mobile devices?
Something like this
@media only screen and (max-width: 989px) {
.hide-on-mobile { display: none !important; }
}
Worked it out
@media only screen and (max-width: 989px) {
#header .widget {
display: none;
}}
Hi,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Enjoy your weekend!
Best regards,
Yigit