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 one of the following items
Login and Registration Log in · Register