Responsive Icon Bar size

Hi there, 

Is there a way to show the icon bars for desktop screens at size 'normal' and for mobile devices size 'small'?

I'm using these types of shortcodes
[icon_bar icon="icon-calendar" link="#" target="" size="small" social=""]
Thanks!

Kind regards,

Tim

Comments

  • I solved it for now with this custom CSS, but may be there is a solution which is more neat?

    @media only screen and (max-device-width: 700px) {
    a.icon_bar, a.icon_bar span {
        width: 43px;
        height: 43px;
        line-height: 43px;
        font-size: 15px;
    }
    }

    [icon_bar icon="icon-calendar" link="#" target="" size="normal" social=""]

  • Hi,
    there is only custom css. Glad you worked it out.
    thanks
Sign In or Register to comment.