Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 7, 2017 at 10:46 pm #835624
    tivo_designs

    Hi there,

    I have a website that uses the tab section with images on multiple tabs. They show up great on the computer but does not show up in the mobile version. I’ve search other threads and have not found a solution that works. I turned off the fade in feature which made the images not load in the mobile version. However, the client would like for this feature to be present. Also, the padding seems to be off in the mobile version no matter what I do with the settings. Please advise…

    Thanks!

    Info shared privately. The tabs are in the team section and membership section.

    August 12, 2017 at 3:30 pm #837918
    Mike

    Hey tivo_designs,
    I’ve taken a look at your tab section and they seem to be working in mobile Chrome on Android, what browser are you seeing the error in? Is it the tabs or the images that don’t show? Please see screenshot in the Private Content area, can you explain how the padding seems to be off?

    Best regards,
    Mike

    August 21, 2017 at 10:53 pm #842258
    tivo_designs

    Hi there,

    Sorry for the big delay in response — this got lost in my email. I am seeing this padding error on google chrome mobile browser. The images on each tab used to have a “fade in” effect which wouldn’t work on mobile (the image wouldn’t even show up). I disabled this feature which solved that problem. But now the padding is off on each different tab. If you look at the images, the headshot for Emily is perfectly space, but for Julie, Rachel and everyone else, there is extra space from the tab bar and the photo. Is there a way to fix this?

    Thanks!

    [url=https://postimg.org/image/sfsag5jvj/][img]https://s27.postimg.org/sfsag5jvj/Screenshot_20170821-164353.png[/img][/url]

    [url=https://postimg.org/image/ouwewxfbz/][img]https://s27.postimg.org/ouwewxfbz/Screenshot_20170821-164359.png[/img][/url]

    [url=https://postimg.org/image/rnpmgyfof/][img]https://s27.postimg.org/rnpmgyfof/Screenshot_20170821-164404.png[/img][/url]

    [url=https://postimg.org/image/gmpvy6y1r/][img]https://s27.postimg.org/gmpvy6y1r/Screenshot_20170821-164409.png[/img][/url]

    August 21, 2017 at 10:54 pm #842259
    tivo_designs

    Sorry, this link to the images might work better: https://postimg.org/gallery/10tnd1o74/

    August 22, 2017 at 11:44 am #842441
    Victoria

    Hi tivo_designs,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.avia-section-small .av-layout-tab {
    vertical-align: top !important;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

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