Just so I understand correctly – you’d like to move these links to the right: http://prntscr.com/ctrgfo ?
Thread Starter
b…b
(@bb-4)
Correct. When using a logo that is an image. On a small screen the logo is same place as the menu links. http://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.
Thread Starter
b…b
(@bb-4)
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;
}
}
