New Landing How can we help? Themeforest Theme Support Dante Modal Mobile Horizontal Overlapping

Viewing 15 posts - 1 through 15 (of 22 total)
  • Posted in: Dante
  • #68530
    ALDD
    Member
    Post count: 80

    Hello,

    The below modal works except when viewing on mobile horizontal…the images go up on top of slider image.

    What can be causing this? Vertical on mobile works just fine.

    [one_third]
    
    [chart percentage='100' size='170' barcolour='#1dc6df' trackcolour='#f7f7f7' content='fa-signal' align='left']
    
    [hr]
    text1
    
    [/one_third]
    [one_third]
    
    [chart percentage='100' size='170' barcolour='#22d1c5' trackcolour='#f7f7f7' content='fa-key' align='left']
    
    [hr]
    text2
    
    [/one_third]
    [one_third_last]
    
    [chart percentage='100' size='170' barcolour='#34ba87' trackcolour='#f7f7f7' content='fa-group' align='left']
    
    [hr]
    text3
    
    [/one_third_last]

    Thanks for advising.

    #68646
    ALDD
    Member
    Post count: 80

    can something like this fix it? Please provide proper CSS.

    .autoModal.modal .modal-body{
        max-height: 100%;
    }

    or

    .modal-body {
        position: relative;
        overflow-y: auto;
        max-height: 400px;
        padding: 15px;
    }
    #68730
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please attach marked screenshots and provide website page URL with issue so i can debug and resolve it easily .

    Thanks ๐Ÿ™‚
    With Best Regards
    Swift Ideas

    #69941
    ALDD
    Member
    Post count: 80
    This reply has been marked as private.
    #69997
    ALDD
    Member
    Post count: 80

    Are you able to see my links?

    #70154
    ALDD
    Member
    Post count: 80

    any news on this?

    #70228
    ALDD
    Member
    Post count: 80

    Please, I really need a fix on this for my client. Let me know if you need anything.

    #70730
    ALDD
    Member
    Post count: 80

    What is the status on this? Please kindly advise I’ve been waiting for a solution.

    #70736
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please provide website URL and screenshot image so i can check and try to resolve the issue easily .
    Thanks

    #70796
    ALDD
    Member
    Post count: 80

    Here you go Mohammad

    website:
    http://goo.gl/rVGTL4

    Overlapping example:
    http://pho.to/5RNoc

    #70865
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please go to Admin -> Theme Options -> Custom CSS => Here put given below code and update options .

    @media only screen and (max-width: 991px) {
    .chart-shortcode canvas{width:80%}
    .chart-shortcode.chart-170 span{margin-right:30px}
    div.chart-shortcode span{line-height:140px !important;}
    }

    Hopefully that it should work .
    Thanks ๐Ÿ™‚
    With Best Regards
    Swift Ideas

    #70890
    ALDD
    Member
    Post count: 80

    Thank you!!

    I will tested tonight and confirm.

    #70951
    ALDD
    Member
    Post count: 80

    Hello Mohammad,

    The above CSS doesn’t work. Can you propose another solution?

    #70961
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please check with after clearing cache or another device because it is working fine at my side .
    Thanks ๐Ÿ™‚
    With Best Regards
    Swift Ideas

    #71065
    ALDD
    Member
    Post count: 80

    Will do.

Viewing 15 posts - 1 through 15 (of 22 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register