Move menu items to right for mobile

Just so I understand correctly – you’d like to move these links to the right: https://prntscr.com/ctrgfo ?

Correct. When using a logo that is an image. On a small screen the logo is same place as the menu links. https://yourdetroitlifecoach.com/bfb/support/SS_BoundForBliss_tinyNav_links_on_left.JPG

Also, how can I reduce the margins on the CTA section below for mobile devices?

I would suggest using a smaller logo and maybe use the larger image as a banner somewhere? If you can raise a support ticket with us here, we can try working on some custom CSS to adjust the logo.

For the CTA: please use this custom CSS with appropriate media queries (depending on which screen width you want to modify the height of the CTA sections):

.frontpage-cta.parallax-bg.section {
    padding: 160px 0 160px;
}

Change the values of the padding to adjust the height.

Thanks for the css to adjust the CTA section. I wanted to keep the larger logo. I was able to align the menu text to the right for smaller screens using:

@media (max-width:767px){
.navbar-custom {
width: 100%;
text-align: right;
}
}