-
AuthorPosts
-
October 29, 2014 at 9:46 pm #343009
Hi,
I’ve a responsive problem with the mobile version.
I’ve set mobile menu on both tablets and phones so that’s ok on phones and on vertical tablets.But when the tablet is horizontal I’ve the logo not shrinking and it goes over the menu. What can I do for that?
I’ve also a problem with the sliders. The text on it is cut when it’s set on “text on left” of the image and I open the site, it takes a few minutes for the text to resize and not being cut and even sometimes it won’t resize. Can you help?
Please see the screenshot.
October 31, 2014 at 7:31 am #343893Hi chryseis!
Thank you for using Enfold.
Please use this on Quick CSS or custom.css to adjust the menu padding and font size on a tablet screen size:
@media only screen and (max-width: 1024px) { #top #header .av-main-nav > li > a { font-size: 12px; padding: 0 8px; } }You can also adjust the size of the logo wit this:
@media only screen and (min-width: 768px) and (max-width: 989px) { .responsive .logo a, .responsive .logo img { max-height: 65px !important; height: 65px !important; top: 5px; } }Regards,
IsmaelNovember 2, 2014 at 12:27 pm #344838Hi Ismael,
I’ve added that to the quick css but that changes nothing. Please have a look at the screenshots.
On ipad, on vertical mode the text on first and second slide are still cut.
On landscape mode the logo goes over the menu. What can I do?Thanks!
https://www.dropbox.com/s/6vnd321i624u11o/photo2.PNG?dl=0
https://www.dropbox.com/s/jhxdg64cy9iltmb/photo.PNG?dl=0November 3, 2014 at 3:24 pm #345281 -
AuthorPosts
- You must be logged in to reply to this topic.
