CSS help: Items Alignment

Posted in: Newspaper
Post count: 135
George
#83404
Dec 10, 2015 at 9:51 am

Hello,

There are few ups and down identified when you login http://www.viralbae.com. Please could you help align items.

Screenshot below:-

http://www.screencast.com/t/xSny2mCS

Post count: 22421
Bogdan B.
#83466
Dec 10, 2015 at 2:14 pm

Hi,
You can use this code to adjust it:

#ub_admin_bar_wrap .ub_admin_bar_image{
padding:0!important;
margin-top:-3px
}
#wpadminbar *{
vertical-align: bottom!important;
}

Thanks.

Post count: 135
George
#83544
Dec 10, 2015 at 9:56 pm

Thank you Bogdan.

The code worked as expected but suddenly I notice this.

Screenshot:-

http://www.screencast.com/t/SnYMZ2lgV00

All items are at the verge of touching page top and Avatar image hanging out in different line.

Can we push all the items to avatar’s horizontal line. In that way the menu would look better.

Thanks!

Post count: 22421
Bogdan B.
#83645
Dec 11, 2015 at 1:16 pm

Hi,
You can adjust it with this custom css:
@media screen and (max-width: 782px){
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img {
top:3px!important;
}
#wpadminbar ul{
padding-top:10px!important
}
}
Thanks.

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.