[Resolved] Menu item on mobile menu

[Fatih]

Hi, I was wondering if the following is possible: http://imgur.com/WyCACp0

Basically, I would like to show a call-to-action link on the mobile header.

[Leo]

Hi Fatih,

This post should help: https://docs.generatepress.com/article/mobile-header/#adding-html-inside-the-mobile-header

Let me know.

[Fatih]

Thanks. That works but I still have to figure out how to style it properly.

View post on imgur.com

[Leo]

Try the CSS below to start. Adjust the 40px below to half the width of the link you are inserting.

.mobile-header-content {
    display: inline-block;
    position: absolute;
    left: calc( 50% - 40px); /* 50% from the left - half your image width */
}

Let me know.

[Fatih]

Wow thank you. It’s all good now 🙂

[Leo]

You’re welcome 🙂

[Author]

Posts