Help needed with a few things: menu and carousel

---

Hey Armin,

I have been trying to do tweak your theme all by myself but I’m reaching certain limits:

1. How can I create some spaces between different elements of the menu ? Here and there are some inspiration.
2. I tried but I can’t figure out how to make the background of my About page menu to be transparent on mobile. Or at least the same color as the page background.
3. For the carousel, how can I have the vertical images look bigger? Just like for my blog page.
4. Finally, Is there a way certain elements or rows can always be centered? No matter what the device or size screen is. As I’m only using one row for my projects, that would be great.

Thanks in advance for your help!

Hey!

1. There is no easy way to insert things like "-------" in between menu elements. If maybe you want a dropdown menu or you want to style kind of a "submenu" you can get started by reading this: http://laythemeforum.com:4567/topic/913/drop-down-menu/2
2. This should do the trick: "Lay Options" -> "Custom CSS for Mobile Version":

body.slug-about .navbar {
    background-color: rgb(219, 208, 85);
}

Please look at this: http://laytheme.com/documentation.html#css-based-on-current-page
3. Play around with the "Use Custom Aspect Ratio" option. When you insert a carousel in the Gridder, this option shows up. As seen here: http://laytheme.com/media/addons/carousel/carouselmodal.jpg
4. Please watch the video here, that is what you want i think: http://laytheme.com/documentation.html#use-browser-height-for-row-height

Thanks for your help!

I should have read the entire documentation - my bad.

However, when using a custom aspect ratio for the carousel, it applies to both the mobile and desktop versions of the page. Meaning that If I use a 16:9 ratio for desktops, it does the same on mobiles - which makes the carousel looks small.
I'd like to have a 16:9 ratio for desktops and no ratio on mobiles.
Is there any way I can do such thing?

Otherwise, what would be the alternative?

Images are either too small or too big on one device, and the opposite on another.

Hm maybe you want to use the custom phone layouts feature http://laytheme.com/documentation.html#custom-phone-layouts

With that you could insert an extra carousel that you only use for the phone layout.
There is no extra setting to disable custom aspect ratio for carousels only on phone :/