Resize button in the header

[lore927]

Hi, I have a Kleo featured button in the header. It looks very nice but it is too large, so I decided to resize it.

The shortcode works fine if i use it somewhere in a page. However once I copy the code in the header using menu add shortcode, it grows back to large size.

as a hack i pushed it over the page border by adding some additional CSS

.menu-item-10447 {

padding-top: 10px !important;

height:16px !important;

width:40px !important;

}

It works great, unless the page is opened by some large screen (macbook), in this case I get a white line with height equivalent to the hidden button part.

This is the code i used last: ( i tried size “sm” and “xs”

[kleo_button title="APP Login" href="https://app.backupcircle.com" target="_blank" style="custom" position="right" size="xs" icon="0" tooltip="tooltip" tooltip_position="bottom" tooltip_title="Access the BackupCircle App" font_size="10" font_weight="400" box_shadow_color=""  custom_background="#549aab" custom_bg_hover="#b0d7e1" custom_text="#ffffff" custom_text_hover="#2A3F54" ]

 

thnaks

[Laura]

Not marked as solution

[lore927]

Not marked as solution

[Laura]

Not marked as solution

[lore927]

Not marked as solution

[Laura]

Not marked as solution

[Radu]

Not marked as solution

[lore927]

Not marked as solution

[Radu]

Not marked as solution

[lore927]

Not marked as solution

[Radu]

Not marked as solution

[lore927]

Not marked as solution

[Radu]

Not marked as solution

[lore927]

Not marked as solution

[Radu]

Not marked as solution

[lore927]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[lore927]

Not marked as solution

[Radu]

Not marked as solution

[Author]

Posts