Solved

The word "Menu" at the top of homepage is cut off on mobile device MEN-U (U is on next line)

errol89
Visitor
3 0 0

Hi, I am using Out of the Sandbox Turbo Florence theme and on my iPhone 13 the word "Menu" at the top of homepage is cut off on mobile device MEN-U (U is on next line). 

 

How do I fix this in code. Any help is appreciated!

Accepted Solution (1)
Rohail_Ali_11
Excursionist
19 1 0

This is an accepted solution.

Thanks for sharing your website link I have checked your website using chrome mirror and the word menu is displayed in 2 lines on iPhone 12 pro as you can see on the attached screenshot.

 

Screenshot - 2022-05-13T220309.635.png

 

 

You just need to add this CSS code to your theme CSS file to fix this issue.

@media only screen and (max-width: 395px){
#header .mobile_nav.dropdown_link{
 width: 29%!important;
}
}

 

 

Here's the second screenshot: 

 

Screenshot - 2022-05-13T221218.379.png

 

 

Please let me know if there is something that I can help you with!

and don't forget to see our digital marketing services by clicking on this link: Digital Marketing services for Shopify 

Planning to optimize your website? Contact us now at rohail.ali@integriti.io
We provide professional digital marketing services to give you the best digital exposure you deserve. Contact us at info@integriti.io
or check our Digital Marketing services.

View solution in original post

Replies 4 (4)

Rohail_Ali_11
Excursionist
19 1 0

Hello Errol89, can you please share your website link with me so I can check the issue on my end? 

Planning to optimize your website? Contact us now at rohail.ali@integriti.io
We provide professional digital marketing services to give you the best digital exposure you deserve. Contact us at info@integriti.io
or check our Digital Marketing services.
errol89
Visitor
3 0 0

www.florinarte.com

 

 

Thanks for the help. It doesn't seem to be an issue on all mobile phones but is constant on my iPhone 13 and a different iPhone 12 Pro.

Rohail_Ali_11
Excursionist
19 1 0

This is an accepted solution.

Thanks for sharing your website link I have checked your website using chrome mirror and the word menu is displayed in 2 lines on iPhone 12 pro as you can see on the attached screenshot.

 

Screenshot - 2022-05-13T220309.635.png

 

 

You just need to add this CSS code to your theme CSS file to fix this issue.

@media only screen and (max-width: 395px){
#header .mobile_nav.dropdown_link{
 width: 29%!important;
}
}

 

 

Here's the second screenshot: 

 

Screenshot - 2022-05-13T221218.379.png

 

 

Please let me know if there is something that I can help you with!

and don't forget to see our digital marketing services by clicking on this link: Digital Marketing services for Shopify 

Planning to optimize your website? Contact us now at rohail.ali@integriti.io
We provide professional digital marketing services to give you the best digital exposure you deserve. Contact us at info@integriti.io
or check our Digital Marketing services.
errol89
Visitor
3 0 0

Hey that worked, thanks for the help!