Misplaced slider buttons on Mobile

CodeVibrant Forums Enrollment Misplaced slider buttons on Mobile

This topic contains 9 replies, has 2 voices, and was last updated by  turing 3 weeks, 1 day ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1605

    turing
    Participant

    Hi there, please take a look at the screenshot:

    Misplaced slider buttons on Mobile

    The slider buttons are pushed to the right on mobile. Site is teslacoollab.com

    Thanks

    #1606

    turing
    Participant

    ok, funnily enough the ‘img’ button on the support page doesn’t work, so here’s the link to the img https://ibb.co/L5nWrfm

    Thanks

    #1611

    turing
    Participant

    Hi there, providing more info.

    Theme is enrollment-pro, I’m using the Repeater-slide with Layout #1

    See the screenshots below: the slider looks wrong in both phone and table layouts.

    I’m switching to Layout #2 for the time being, but please provide a fix for layout #1.

    Thanks

    #1623

    codevibrant
    Keymaster

    Hello there,

    Sorry for late reply,

    While we check on browser’s responsive it has fine.
    http://prntscr.com/md61j3

    Thanks,

    #1624

    turing
    Participant

    Hi, looks like you didn’t fully read my message:

    I’m switching to Layout #2 for the time being, but please provide a fix for layout #1.

    Layout #2 works fine, Layout #1 is broken. I won’t change the layout on the published website until you provide a fix.

    Thanks

    #1628

    codevibrant
    Keymaster

    Hello there,

    Can you please provide us your website url with wp-admin details via email ( codevibrant@gmail.com ), Our team will try to fix it soon.

    Thanks,

    #1631

    turing
    Participant

    I’m afraid that’s not possible. Please provide a solution by other means. Thanks.

    #1646

    codevibrant
    Keymaster

    Hello there,

    We are working to fix the bugs on our local server, while it solved we are updating the theme and also inform you. Please be patient.

    Thanks,

    #1649

    codevibrant
    Keymaster

    Hello there,

    Our developer is busy in other project so please add the following CSS at Additional CSS field in customizer panel.

    /* added css for slider */
    
    @media (min-width: 768px) and (max-width: 979px) {
        .enrollment-slider-wrapper.content-center .slider-content-block {
        	width: 80%;
        }
    }
    
    @media (max-width: 767px) {
        .enrollment_service .grid-items-wrapper .single-post-wrapper {
            width: 80%;
        }
        .slider-content-wrapper {
        	width: auto;
        }
    }
    
    @media (max-width: 480px) {
        .enrollment_course .single-post-wrapper {
            width: 100%;
        }
        .enrollment-slider-wrapper .lSAction > a {
        	height: 25px;
        	width: 25px;
        }
    }

    Thanks,

    #1650

    turing
    Participant

    The patch works, thanks

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.