[morneh15]

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:

[morneh15]

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

[Mahesh]

@morneh15: Please post in your site url.

Regards,
Mahesh

[morneh15]

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

swconsultants.co.za

[Mahesh]

@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

[morneh15]

Thank you! 🙂

[Author]

Posts