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.
Hi 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,
Ismael
Hi 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=0