Archived topic
top bar: center elements vertically
3 replies · Started by Mathias on May 4, 2020
Hey,
I would like to center all elements (left & right) vertically.
I used the lightweight social icons widget in the top bar which created extra padding at the bottom.
So I can not center everything vertically
If delete the social icon widget the text on the left is perfectly vertically aligned.
I forced the padding of the social icons widget to 0 like so:
.lsi-social-icons li a {
padding:0px !important;
}
But it did not work.
What can I do about it?
(it should look like this: see the top bar here: https://demo.bizbudding.com/corporate-pro/)
2. I add the telephone icons and mail icon in the topbar (on the left) with iconmoon SVG integration and styled it in the css. The size is perfect (15px) in desktop mode. In mobile mode the icons become very big and does not stay at 15 px.
What do I do wrong here?
Thank you very much.
Have a great day
Mathias
Hi there,
1. Try this CSS:
.top-bar .lsi-social-icons li {
margin: 0 !important;
}
Can you open a separate topic once we've resolved #1 here?
Thanks!
thank you very much,
it worked perfectly
No problem :)