Archived topic
Centering block element (image) inserted via after_primary_menu hook
3 replies · Started by Joseph on April 1, 2021
Have my mobile setup where it's not using the GP mobile logo module, but inserted after the nav under the "after primary menu" hook.
I just want it centered. I think it would be easier if it was its own row, but I think it's in one big container with the red button and the menu toggle?
Hi there,
edit your block element that is displaying the logo, select the parent Container Block and in Advanced > Additional CSS Class(es) add: custom-logo hide-on-desktop hide-on-tablet
The latter two hide-on-* classes will remove it from those devices - you can remove them if thats not required.
Then add this CSS to your site:
.custom-logo {
flex: 1 0 100%;
}
Perfect!
Glad to be of help!