Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1302477

    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?

    #1302689

    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

    #1302729

    Thank you!

    #1302732

    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; }
    }

    #1302733

    Worked it out
    @media only screen and (max-width: 989px) {
    #header .widget {
    display: none;
    }}

    #1302773

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Issues with adding a button into the header using widget’ is closed to new replies.