To have the Orbit slider not show on mobile add this to the “Add your CSS” box in the theme’s customization panel:
@media only screen and (max-width: 48em) {
.orbit-caption p { display:none!important; }
}
To not display the Orbit slide #s (bullets) see this thread:
http://c5mix.com/support/forums/structura-theme/orbit-slider-navigation-bullets/
To not dipslay the Orbit prev/next add another line similar to above but this instead:
.orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover { display:none!important; }

Having trouble getting the orbit slider to look right on mobile. I’ve got longer text for the title of the image, so is it possible to make the text responsive on the mobile so it all will fit correctly?

Also, I tried removing the “x of y” and progress bar, but the code referenced above seemed to not work.. ”.orbit-bullets { display:none!important; }

Well the text size already does decrease on mobile but if you need it to decrease more try adding this to the “Add your CSS” box in the customization panel:
@media only screen and (max-width: 48em) {
.orbit-caption h3 {
font-size: 1.2em;
}
}
Change 1.2em to whatever you want.
That code above won’t work for the “x or y” or progress bar. You need to add this to have those not display:
.orbit-slide-number, .orbit-timer { display:none!important; }

First, how can I center vertical align and pad a few pixels left on the site name logo. Is there additional code to scale it a bit smaller for mobile?

Second, Is it possible to move the 3 column panel (orange on default) that’s by default immediately below the orbit slider, to below the main (white on default) section of the home page. Additionally, is it possible to only do this for mobile?