"Our story" botton is not visible enough on Lenovo x1 carbon laptop

[ym24]

A customer was viewing from their device which is a Lenovo x1 carbon and the "OUR STORY" but was underlapped by the design. Please see attached. However, on my laptop which is a MAC, I did not face this issue. Only found out about it now! 

Thank you.

[suyash1]

@ym24 - i think smaller screen size is taking menu item to second line and that is creating this issue

[dmwwebartisan]

@ym24 

Please share your store URL!

Thanks!

[ym24]

shopoatful.com

[suyash1]

@ym24 - your menu looks sticky, make sure you have not scrolled down, because if you have scrolled then it will overlap any content on page

[AvadaCommerce]

Hi @ym24,

Each website looks a little different on different screen sizes. With smaller screen sizes, your customers may have to zoom out a bit to see the full content of your website. If you zoom in on the screen with your device, you will see the same problem.

If my answer is helpful, please mark it as SOLUTION 😉

[LitCommerce]

Hi @ym24,

Go to Assets > style.css and paste this at the bottom of the file:

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    #shopify-section-16334368138a281072 .wave_text{
		margin-top: -90px !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    #shopify-section-16334368138a281072 .wave_text{
		margin-top: 0px !important;
		margin-bottom: 50px !important;
	}
}

Hope it helps!

[LitCommerce]

Hi @ym24,

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.