[Resolved] Move Call to Action to the right of the main menu

[Stefano]

Hi Tom, David and Leo!
I need to create a Call to Action and set it to the right of the main menu.

Thank you

[Ying]

Hi Stefano,

Which button are you talking about? The red one or the green one? Where exactly you want it to be?
https://www.screencast.com/t/L42OkNnkB5S

The red one is not in the primary navigation.

Let me know 🙂

[Stefano]

Hi Ying,
The call to action is on the primary menu.

[Elvin]

Hi there,

Try adding this CSS:

@media(min-width:769px){
nav#site-navigation div#primary-menu {
    width: 100%;
}

nav#site-navigation div#primary-menu li#menu-item-4309 {
    margin-left: auto;
}
}

Here’s how it would look like if implemented properly: https://share.getcloudapp.com/nOuoYgZY

[Stefano]

Perfect! Thanks 🙂

[Elvin]

No problem. 😀

[Stefano]

Hi, I open the topic for a new problem:
How do I align the CTA on the right of the main menu when I activate the sticky menu?

[Ying]

Try to use this CSS instead:

@media(min-width:769px){
    .main-navigation div#primary-menu {
        width: 100%;
    }

    .main-navigation div#primary-menu ul li#menu-item-4309 {
        margin-left: auto;
    }
}

[Author]

Posts