Archived topic
Move Call to Action to the right of the main menu
7 replies · Started by Stefano on March 31, 2021
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;
}
}