Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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.

    #343893

    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

    #344838

    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

    #345281

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 990px) and (min-width: 768px) {
    .avia_transform .av_slideshow_full .avia-caption-title {
    font-size: 18px!important;
    }}

    Best regards,
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.