-
-
Hello! I’m having an issue with the responsible menu placement and logo size in mobile view (I use an iPhone 5). The three lines for the drop down menu is almost totally off screen, and the logo is not resizing properly. The text over the main image is also positioned oddly. iPad view is better but the three line menu is also a bit too far to the left of the logo. My website address is jennifergoode.ca.
Thanks!
Jennifer
-
Hello,
Thank you for contacting us.
Did you add any custom code before? I see there is some css changing the logo in mobile (screenshot) and the menu (screenshot). Please remove them and add this code into your custom css box, located in General Options > Custom Css Box:@media (max-width: 480px){ #logo img.dark { width: 90%; margin-left: 41px; } .mobile_small_menu { margin-left: 15px !important;} } @media (max-width: 979px){ .mobile_small_menu { margin-left: 25px; }}
Result in iphone 5 (screenshot)
Let us know if you need further help.Kind regards!
-
<span style=”color: #222222; font-family: arial, sans-serif; font-size: 12.800000190734863px;”>Thanks! That fixed the logo/menu issue!</span>
<div style=”color: #222222; font-family: arial, sans-serif; font-size: 12.800000190734863px;”>Is there any way to fix the Welcome text over the main image on the homepage? In particular, the ‘Learn More’ button is cut off.</div>
<div style=”color: #222222; font-family: arial, sans-serif; font-size: 12.800000190734863px;”></div>
<div style=”color: #222222; font-family: arial, sans-serif; font-size: 12.800000190734863px;”>Thanks!</div>
<div style=”color: #222222; font-family: arial, sans-serif; font-size: 12.800000190734863px;”>Jen</div> -
Thanks! That fixed the logo/menu issue!
Is there any way to fix the Welcome text over the main image on the homepage? In particular, the ‘Learn More’ button is cut off.
Thanks!
Jen -
Hello,
Yes, please add this code into your custom css box:
@media (max-width: 480px){ .codeless_slider .swiper-slide .buttons { margin-top: 0 !important; } .codeless_slider .swiper-slide .content p { font-size: 15px !important; line-height: 22px !important; color: #f5f4f4; } .codeless_slider .swiper-slide .content h1 { font-size: 28px !important; } .codeless_slider .swiper-slide .content { top: 80px !important; } }
This is the result with these attribute values: https://pho.to/Aa40n
Edit them to your wish.Best regards!
-
You must be logged in to reply to this topic.