Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #110315
    morneh15
    Participant

    Hi Guys
    Can we please fix this for mobile view. Slider Text jumping under menu and logo on Homepage.
    Please provide temporary solution to keep the txt or slider below the menu header area.

    Please see details circled in screenshot:
    slider_mobile_view

    #110316
    morneh15
    Participant

    Update: As soon as the site loads on mobile browser it’s fine, seconds after fully loaded, the text jumps up.

    I’ve forced it down with the CSS:

    .slide-inner {
        position: absolute;
        top: 70%;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 2;
        width: 100%;
        min-height: 260px;
        padding-top: 5px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    Please see if able to permanent fix.

    Thanks

    #110356
    Mahesh
    Keymaster

    @morneh15: Please post in your site url.

    Regards,
    Mahesh

    #110369
    morneh15
    Participant

    Here’s the link. I’ve removed the CSS code for now to show the problem.

    swconsultants.co.za

    #110378
    Mahesh
    Keymaster

    @morneh15: Add the following CSS:

    @media screen and (max-width: 1024px) {
        #slideshow {
        	margin-top: 160px;
        }
    }
      
    @media screen and (max-width: 767px) {
        #slideshow {
        	margin-top: 185px;
        }
    }

    Regards,
    Mahesh

    #110386
    morneh15
    Participant

    Thank you! 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Slider Text jumping under menu and logo on Homepage’ is closed to new replies.