Tagged: Line, responsive
Hi,
I’m using a custom HR with that shortcode (ENFOLD 4.2.3):
[av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50%' custom_border_color='#f0edee' custom_margin_top='20px' custom_margin_bottom='40px' icon_select='yes' custom_icon_color='#f0edee' icon='ue89a' font='entypo-fontello' custom_class='' admin_preview_bg='rgb(255, 255, 255) none repeat scroll 0% 0%']
1.
the 50% are ignored, although the settings suggest that % are allowed, too.
The HR instead is full width, not 50%:
Setting:
Output:
2.
Then the line is not responsive in that way, that the RIGHT side of the line is less wide than the LEFT side of the line:
How can I fix this please (50%, and responsive with equal length of the lines left and right of the icon)?
Thanks.
the 50% means left and right of the icon width !
so if you like to have 50% totaly – you must insert abit less than 25% ( because there is a padding of 10px left/right and the icon-width etc)
Great, I changed it to 40% and it works fine now and responsive with equal line lengths, thank you, you can close the ticket.