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!
Hello Errol89, can you please share your website link with me so I can check the issue on my end?
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.
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.
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:
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
Hey that worked, thanks for the help!