[Resolved] using elements with Hook in generate_inside_mobile_header

[Bruce Wayne]

using elements with Hook in generate_inside_mobile_header
then i’ve to adding a picture there and it’s show at the left side
question is how to move it from left side to the right side with custom position ?

Thanks

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

[Bruce Wayne]

i can show only this

[Bruce Wayne]

https://ibb.co/ZBBcLNX

[Leo]

It’s really not possible for me to help and provide the CSS without seeing the site live.

Can you duplicate the layout on a staging site so I can be more helpful?

[Bruce Wayne]

ok here is the site

[Leo]

Are you using the hook element?

If so can you add the content in a <div> like this?

<div class="mobile-icon">
    your content here
</div>

[Bruce Wayne]

how to move it the the right side with custom position ?

[Bruce Wayne]

yes it Hook in generate_inside_mobile_header
i want to move this content to right side as this picture below

https://ibb.co/ZBBcLNX

[Leo]

Try this CSS now:

.mobile-header-navigation .inside-navigation .mobile-icon {
    order: 2;
    padding-right: 10px
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Bruce Wayne]

working now but it’s very stick with menu icon.
can we move it to left about 10px ?

[Leo]

Edit the CSS above:
https://generatepress.com/forums/topic/using-elements-with-hook-in-generate_inside_mobile_header/#post-1573467

[Bruce Wayne]

working now , one more last question.
is it possible to move “menu” to the left side and move “logo” the the right side with custom px
any suggestion ?

Thanks.

[Leo]

Just to confirm, you want to swap the position of the logo and hamburger toggle?

[Bruce Wayne]

yes correct how to do it and how to custom it to left and right with custom px

[Author]

Posts