Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 8, 2013 at 5:35 am #172090
    oliviad

    Hi,
    Here is my website http://tinyurl.com/kl35r75

    I have several color sections in each page of my website that I use as page separator. (I use the anchor link to navigate, it works very well with a gorgeous smoothscrolling effect)

    I have this code in the custom CSS

    .avia-section {
    min-height: 300px !important;
    }

    For some weird reason, only the first color section would work on Ipad and Iphone whereas it works well on a computer. I also did this on an other website (theme was not updated http://tinyurl.com/kyxfpsv ) and it works very well.

    Could you please help me fix the problem?

    Thanks !

    October 9, 2013 at 2:15 am #172804
    Ismael

    Hi oliviad!

    I checked your website here: http://responsinator.com/?url=http%3A%2F%2Fourlittlecompany.com.sg%2FBo%2F2535-2%2F

    This page has two color sections, right? They both work on iPad view.

    Regards,
    Ismael

    October 9, 2013 at 3:01 am #172829
    oliviad

    Hi !
    How weird it is, it is not working on any of the iphone, ipad I tried. (tried 2 iphones and 3 ipads)… Any idea why?

    October 10, 2013 at 4:19 am #173374
    Devin

    Hi!

    You could try changing the background position to center center and see if that has any effect. Additionally try going to the styling tab of the theme options, make a small change and then save to refresh the themes styling file just in case there is any issue there.

    Cheers!
    Devin

    October 10, 2013 at 5:57 am #173433
    oliviad

    Hi,

    Did all but I still don’t still the image, neither do all the people I asked to try :(

    It is only on media size screen, is there anything to check in that CSS side?

    Sorry to bother you but this is really annoying. Thanks for your help,

    Olivia

    October 10, 2013 at 1:30 pm #173559
    Ismael

    Hi!

    Can you please post a screenshot of what you see on iPad and iPhones?

    Cheers!
    Ismael

    October 10, 2013 at 4:08 pm #173653
    Devin

    Can you also enable debug mode and then paste the contents of that pages layout here so we can try and recreate the page and error?

    Add this to your functions.php and then you’ll get a new field with the shortcodes and content for that page:

    
//set builder mode to debug
add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug()
{
	return "debug";
}
    October 10, 2013 at 4:26 pm #173673
    oliviad
    This reply has been marked as private.
    October 10, 2013 at 4:27 pm #173675
    oliviad

    Actually it’s the same template for all may pages and only the first color section works properly on iphone/ipad.

    October 10, 2013 at 4:32 pm #173681
    oliviad

    Here is the screenshot of my iphone : http://tinyurl.com/mu3sdxo

    October 10, 2013 at 4:41 pm #173684
    Devin

    You just need to set the images in your color sections to Stretch to fit instead of No Repeat.

    Also I noticed you are using text field with ID’s in them inside the color sections. The color sections actually have fields for your own ID’s so you don’t need to add them in with another element inside the color section.

    October 10, 2013 at 4:49 pm #173691
    oliviad

    Of course the ID ! Thanks for the tip!!

    Ok it works well with the strech to fit. Unfortunately even though my image is very wide, it is super streched and does not display well. Does it mean its height is not big enough?

    Thanks for the awesome support by the way :)

    October 10, 2013 at 4:51 pm #173692
    Devin

    Yes, a bigger height+width at the quality you want will be best.

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘color section is not working on iphone / ipad’ is closed to new replies.