Site logo

Archived topic

Move Call to Action to the right of the main menu

7 replies · Started by Stefano on March 31, 2021

Viewing posts 1–8 of 8

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

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 :)

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

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

Perfect! Thanks :)

No problem. :D

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?

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;
    }
}
This archived topic is closed to new replies.