responsiveness: how to edit mobile view

Hey Aline,

All this has to be done via css and hiding some element you don’t want on mobile and showing elements that were built specifically for mobile.
So you can just list the issues that you have and we try to figure them out with you.

As for the logo, you can show it even smaller

@media screen and (max-width: 450px) {
    .custom-logo-wrap {
        width: 100px;
    }
}

Here are the Layer Slider settings, where you control when to hide it at all.

Best regards,
Victoria

Hi Aline,

I’ll add to Victoria’s code.

@media screen and (max-width: 450px) {
	.custom-logo-wrap {
		width: 100px;
		top: 10px;
	}
	.custom-logo-wrap span {
		display: none;
    }
}

I left 10px on top of the logo to still give it a bit of space. Is that all right? You can adjust the value, if you’d like.

The second part of the code hides the caption under the logo. But, if you would like to specify a font size for mobile for that caption instead of hiding it, we can do that, too.

I hope that helps!

Sarah