Hello
For login button kindly put the following code in Custom CSS section:
#sp-top1 > .sp-column {
padding: 1rem 0rem;
}
#sp-top3 > .sp-column > .navbar {
display: block;
}
#sp-top3 > .sp-column > .navbar > .sp-module-content {
float: right;
}
There are many menu items so to keep main menu in one line you can use the following code in Custom CSS section :
However, this will look okay on larger screens, but if you shift to smaller screens in that case it will be better to reduce the menu items for convenience.
#sp-mainmenu .sp-megamenu-wrapper {
display: flex;
}
#sp-mainmenu .sp-megamenu-wrapper .sp-megamenu-parent {
float: none;
margin: 0px auto;
}