Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mobile logo not centered #611

Open
nidzo80 opened this issue Mar 19, 2024 · 2 comments
Open

Mobile logo not centered #611

nidzo80 opened this issue Mar 19, 2024 · 2 comments
Labels

Comments

@nidzo80
Copy link

nidzo80 commented Mar 19, 2024

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

@Chacapamac
Copy link
Collaborator

Chacapamac commented Mar 20, 2024

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.

@nidzo80
Copy link
Author

nidzo80 commented Mar 24, 2024

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants