-
Posts
-
Hello! I have the following code in my footer for widget buttons:
[av_button label='BOARDING CONTRACT' link='boarding.pdf' link_target='_blank' size='large' position='center' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue879' font='entypo-fontello' color='custom' custom_bg='#f06060' custom_font='#ffffff' admin_preview_bg='']
This works great on full-size desktop, and in mobile. But in-between sizes they look hideous. See the link in private content.
There are a few goals:
1) perhaps the best way to address this is to keep the buttons the full size, and once it goes below that threshold, don’t mess with making them smaller/responsive, just stack them like is done on mobile. I’d imagine just need to find that cutoff and enter the shortcode
2) is there a way to make it so the buttons don’t animate when you hover? the text inside moves slightly and a “>” appears on hover. I’d like to get rid of that.Thank you!!
Here they are John. Thank you for looking. I did put a link to the site in the private section of original message.
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 1024px) { #footer .av_one_fifth { margin-left: 0 !important; width: 100% !important; } }Best regards,
Rikard
- The topic ‘Problems with Footer buttons.’ is closed to new replies.