Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 9, 2016 at 11:08 pm #670548
    marcelhochman

    Hi guys,

    This is a tuff one. When i reduce this site http://workoffices.com.br/ to a tablet size screen, i get some errors. As seen in the arrows.

    http://www.4shared.com/photo/Pldfh9NNba/work.html

    Also the sections “coworking, private, office, etc” do not show what is written inside in a tablet.

    What do you think?

    August 11, 2016 at 5:03 am #671135
    Rikard

    Hi marcelhochman,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
.av-image-caption-overlay-position .av-image-caption-overlay-center {
    padding: 0px 1em !important;
    font-size: 20px !important;
}
}

    Regards,
    Rikard

    September 26, 2016 at 10:14 pm #691978
    marcelhochman

    I ve tryed that did not work. The descriptions are not working for tablets and iphones and some of the text content appears distorted.

    September 27, 2016 at 8:02 am #692070
    Vinay

    Hi,

    It appears you have changed the names and I’m unable to view any errors on the site or not sure if the above code is working. The site looks good on my end (screenshot in private). You may not see the changes until the cached files are cleared in your browser.

    Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.

    Best regards,
    Vinay

    September 27, 2016 at 10:17 pm #692438
    marcelhochman

    as i said the problem is on iphones and tablets. http://www.4shared.com/photo/Bvnqnga0ba/14454132_10157316530965012_164.html

    September 29, 2016 at 5:33 pm #693267
    marcelhochman

    ????

    September 30, 2016 at 4:04 pm #693867
    Andy

    Hi,

    seems you could fix it, as it seems to be fine now on tablet: http://i.imgur.com/vfwEziS.png

    Best regards,
    Andy

    September 30, 2016 at 10:06 pm #694050
    marcelhochman

    Of course, you are looking at the wrong part. That is why i sent pictures of the part witch is wrong and also wrote it.

    Am i going to have serious support here?

    October 4, 2016 at 5:30 am #694865
    Ismael

    Hi,

    We are very sorry for the confusion. You should decrease the font size because it is currently set to 20px.

    @media only screen and (max-width: 1024px) and (min-width: 768px) {
    .av-image-caption-overlay-position .av-image-caption-overlay-center {
        padding: 0px 1em !important;
        font-size: 11px !important;
    }
}

    Or hide the caption altogether.

    @media only screen and (max-width: 1024px) and (min-width: 768px) {
    .av-image-caption-overlay-position .av-image-caption-overlay-center {
        display: none !important;
    }
}

    Best regards,
    Ismael

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