astroid-framework icon indicating copy to clipboard operation
astroid-framework copied to clipboard

Mobile logo not centered

Open nidzo80 opened this issue 11 months ago • 2 comments

I noticed on last two sites I started to build that mobile logo is not centered. I use Astroid Template Two. It is about 20px away from center. I usually add margin value. .astroid-logo > .astroid-logo-mobile { margin-left: 20px; }

2024-03-19_222058 Screenshot 2024-03-19 221941

nidzo80 avatar Mar 19 '24 21:03 nidzo80

Seeing your code it should be center. Something is pushing the logo on the left. My guess is one of the 2 menus icons on each side are taking more or less space.

Chacapamac avatar Mar 20 '24 10:03 Chacapamac

I found that ms-4 class adds margin-left:1.5rem!important; to d-flex ms-4 offcanvas-button offcanvasRight Screenshot 2024-03-24 201136

nidzo80 avatar Mar 24 '24 19:03 nidzo80