Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #670548

    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?

    #671135

    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

    #691978

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

    #692070

    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

    #692438

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

    #693267

    ????

    #693867

    Hi,

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

    Best regards,
    Andy

    #694050

    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?

    #694865

    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

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