Brine Template, Carousel Summary, Mobile Appearance

Site URL: https://www.laurenvasquezwellness.com/home

Hi there,

I'm looking for a snippet of CSS to improve the way my summary block loads on mobile. Right now it's looking too crowded. Is it possible to make it so only one image + title loads on mobile with the arrows to scan through?

20 hours ago, LVasquez said:

Site URL: https://www.laurenvasquezwellness.com/home

Hi there,

I'm looking for a snippet of CSS to improve the way my summary block loads on mobile. Right now it's looking too crowded. Is it possible to make it so only one image + title loads on mobile with the arrows to scan through?

Hi. You can add 2 carousels, then we can give the code to show 1on desktop, show 1 on mobile

On 7/15/2021 at 6:43 AM, tuanphan said:

Hi. You can add 2 carousels, then we can give the code to show 1on desktop, show 1 on mobile

Thank you! I added the second carousel in: https://www.laurenvasquezwellness.com/home

I'd like to show the FIRST carousel on desktop, and the second one on mobile.

14 hours ago, LVasquez said:

Thank you! I added the second carousel in: https://www.laurenvasquezwellness.com/home

 

I'd like to show the FIRST carousel on desktop, and the second one on mobile.

Add to Design > Custom CSS

/* show first summary on desktop */
@media screen and (min-width:768px) {
div#block-yui_3_17_2_1_1626701764057_3137 {
    display: none;
}
}
/* Show second summary on mobile */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1622739595406_3960 {
	display: none;
}
}

That's a simple and awesome solution!

On 7/19/2021 at 8:39 PM, LVasquez said:

Thank you! I added the second carousel in: https://www.laurenvasquezwellness.com/home

 

I'd like to show the FIRST carousel on desktop, and the second one on mobile.

Do you need help to fix these issues?

Site URL – https://www.laurenvasquezwellness.com/

1. (Mobile – Menu) Reduce space between Recipes and About me?

https://www.laurenvasquezwellness.com/

2. (Mobile – Coaching) Align text?

https://www.laurenvasquezwellness.com/coaching

3. (Tablet – Header) Menu is cut into 2 lines.

https://www.laurenvasquezwellness.com/

4. (Tablet – Footer) Get In Touch | Follow Me is cut into 2 lines.

https://www.laurenvasquezwellness.com/

5. (Tablet – Contact) Reduce space?

https://www.laurenvasquezwellness.com/contact