Archived topic

Sideout menu top bar

8 replies · Started by Kostas on February 16, 2022

Viewing posts 1–9 of 9

February 16, 2022 at 11:19 am #2121681

hi,
i'd like to create a 3 column block on top of my sideout menu items.
I am creating a Hook Block and then assign it to inside_sideout_navigation hook but the styling brakes and all look weird.
Then when i try to use the sideout widget area i dont have access to the styling controls of the builder making it impossible to do what i want.
For example i insert 1 image in each column and i end up with each image below the other...
What is the proper way to add let's say 3 headline icons in a 3 column arrangement on top of the Menu items inside the sideout menu?

thanks

February 16, 2022 at 12:14 pm #2121759

Hi Kostas,

If you are using GenerateBlocks plugin to add the blocks in GP's elements, there should be no compatibility issue.

February 16, 2022 at 3:35 pm #2121928

hi Ying,
thanks for your answer.
Please check my Loom video and let me know. I display 2 scenarios
1. I try to create the sideout top bar using customizer
2. I try to use a hook block

both solutions display problems

https://www.loom.com/share/fd30375e1b6d4f808ad169f463eac5c2

thanks

February 16, 2022 at 4:23 pm #2121961

I would recommend using the block element method.

Any chance you can link me to your site?

You can use the private info field so it will only be visible to the support team :)

Let me know!

February 17, 2022 at 1:03 am #2122280

i am local.
is it not expected what it happens to my Video?
Should the Block hook work? On what hook position?

February 17, 2022 at 1:04 am #2122282

let me know the above and i can give it another try and if it doesn't work i will make an online installation

February 17, 2022 at 3:20 am #2122418

Hi Kostas,

Yes, looking at your video, I can say you’re on the right track with regards to adding elements inside the Off canvas menu.

To have a better understanding of the styling you wish to achieve, can you provide a sketch of what it should look like, and can you also provide a link to your site?

You may use the private information field if you wish: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Hope to hear from you soon! :)

February 17, 2022 at 11:06 am #2123105

hi i created an online clone please check,
thanks

February 17, 2022 at 12:02 pm #2123191

1. Add this CSS:

.slideout-navigation .inside-navigation > * {
    flex-basis: 100%;
}

2. You don't need 3 containersunder the Gird, 2 is good, you just need to set the Gridhorizontal alignment to center.

This archived topic is closed to new replies.

Start building better websites today.