Hello, Me again. Thank you. Now I can see the home slide show of the home page on a cell phone but it is mostly covered up by the white banner above it… How can I bring the slide show in mobile format down from under the white banner..

The site is here:
www.oasiswebdevelopment.com/john/

Please see the attached image.. Thank you Elizabeth

oops here is the image:

Hi Elizabeth,

I think you have a problem with the toggle

Do you see it on the mobile?

Cheers
Paul

If you don't see the toggle button for the mobile menu can you try adding

@media screen and (max-width: 787px){
.t3-mainnav button.navbar-toggle {top: 0px;}
}

Thanks Paulus,

I used your code to fix the toggle button but the white banner is still covering the top of the slide show and the space beneath the main menu links is too large. Please see attached image and again the site is here:

www.oasiswebdevelopment.com/john/

see attached thank you

Hi Elizabeth,

Can you try adjusting the layout so the logo area has more width in the extra small of the responsive layout

Cheers
Paul

I have had the same issue, with the slideshow covered by heading (on the Elizabeth's site I can see the slideshow is overlapped a little also in the large layout, as mine).

Don't know if it might be a good option, but I just moved the slideshow from the Banner to Grid1 module.

In this case too much space between heading and slideshow, I would need to reduce.

I missed to attach my screenshot

Thanks Max

I would try adjusting the logo width via the responsive section first as this should make the logo position a bit shorter so the white background hopefully doesn't cover as much of the image

Cheers
Paul

Thanks Paulus. I've made some tests with logo width and imageslide in the Banner position, but seems that the Banner alligns always with the off-canvas toggle.

Eventually I left the imageslide in Banner module (no more in Grid) adding



in the Advanced Settings of the Imageslide module.
Works fine for me!

Sorry, made confusion with attachments
Advanced settings:

ah yes that would be a decent option

I would look also to try adjusting by making the logo position wider

I've made some tests, but always Banner module remains aligned with the bottom of off-canvas toggle, overlapped by Logo.
I left only Logo module. Large or Small responsive results seem the same for me.

Large:







Small






The Top50 option is not elegant, but works fine for me.

Sorry again, this for Large

Always at least two or three different ways to do anything

Thanks for your suggestion - gives Elizabeth a couple of different things to try

Cheers
Paul

That's true Paulus.
At least this topic pushed me to find an acceptable solution, otherwise I didn't

Yes certainly a valid way to deal with this - especially as the template wasn't intended to have the slideshow to display at mobile widths

I did try it locally on localhost and what I suggested does work for me but I'm using a demo site and does require some minor css tweaks for padding and toggle menu button

Cheers
Paul

e.g. I added css to adjust the padding and the toggle

@media screen and (max-width: 787px) {
.t3-mainnav button.navbar-toggle {top: 10px;}
}

@media screen and (max-width:750px) {
#banner.col-xs-12, #banner.col-sm-12, #banner.col-md-12, #banner.col-lg-12 {adding-left:0; padding-right:0}
#banner.col-lg-12.col-md-12.col-sm-12.col-xs-12 {padding-left:0; padding-right:0}
}

Thanks Paul.
How to use css is mostly unknown to me!