Site logo

Archived topic

Centering block element (image) inserted via after_primary_menu hook

3 replies · Started by Joseph on April 1, 2021

Viewing posts 1–4 of 4

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?

https://snipboard.io/wgIzQU.jpg

https://snipboard.io/JbHVSY.jpg

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!

This archived topic is closed to new replies.