Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 8, 2014 at 1:58 pm #261771
    ste_thumbs

    Is there a way to have an image not display on smart phones & tablets (portrait)

    I have a colour section with a 2/3 column with an image in it and 1/3 column with an icon box in it , it is possible to have this layout on desktop but for mobile only have the icon box

    thanks in advance

    May 8, 2014 at 2:04 pm #261778
    Yigit

    Hi ste_thumbs!

    Please give a unique ID to your color section – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png
    and add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 990px) {
#your-custom-id { display: none !important; }}

    Regards,
    Yigit

    May 8, 2014 at 2:08 pm #261782
    ste_thumbs

    Hi Yigit

    this makes the entire colour section disappear when on mobile , im looking to only have the 2/3 column with an image (which is inside the colour section) disappear when on mobile

    May 8, 2014 at 2:13 pm #261785
    Yigit

    Hi!

    Can you post the link to your website and point out the image you would like to hide on mobile?

    Best regards,
    Yigit

    May 8, 2014 at 2:22 pm #261789
    ste_thumbs

    Hi Yigit
    Sorry but the site is still in local dev stage
    Ive added a screengrab of the page builder view from the dashboard if that helps
    http://cl.ly/image/1j07081v2o2M

    thanks in advance

    Stephen

    May 8, 2014 at 2:40 pm #261795
    Yigit

    Hey!

    Please add following code to Quick CSS

    @media only screen and (max-width: 990px) {
#your-custom-id .av_two_third {
display: none!important;
}}

    Cheers!
    Yigit

    May 8, 2014 at 2:57 pm #261807
    ste_thumbs

    Amazing, thanks so much Yigit for the great support, perfect!

    May 8, 2014 at 2:58 pm #261808
    Yigit

    Hey!

    You are welcome Stephen, glad we could help! :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘hide an image on mobile’ is closed to new replies.