Menu icon Foundation
fixed aside problem on F5

Hello,

using F5, i applied the CSS code to fix the left <aside> of my page on mobile. This works, but the render of the main page is strange. The footer of the page appear in the main page when left aside is visible.

.off-canvas-wrap.move-right, .off-canvas-wrap.move-left {
position: fixed !important; z-index:150;}

The page can be seen here : http://www.scottish-doux-coeurs.com

Anyone has an idea to solve it ?

 

Thanks,

 

Stephane

off-canvas-wrap.move-left

Hello,

using F5, i applied the CSS code to fix the left <aside> of my page on mobile. This works, but the render of the main page is strange. The footer of the page appear in the main page when left aside is visible.

.off-canvas-wrap.move-right, .off-canvas-wrap.move-left {
position: fixed !important; z-index:150;}

The page can be seen here : http://www.scottish-doux-coeurs.com

Anyone has an idea to solve it ?

 

Thanks,

 

Stephane

douxc 3 days ago

Does anyone has this problem ?

Jason Skinner 3 days ago

Douxc,

Took a quick peak. Your layout isn't changing when the left-overlay is active. The transparency of your .orbit-container is causing the weird look. That combined with your body color. Remove the position fixed and z-index from .off-canvas-wrap from above.

Trying adding a color/image to that div and all is well. So:

.orbit-container{
rgb(72, 55, 87);
}

douxc 2 days ago

Thanks Jason,

i tried but it is still not good.

 

 

douxc 1 day ago

Hi Jason,

it's ok on my index page :

 

 .orbit-container .orbit-slides-container {
	 background-color:rgb(72, 55, 87);
 }

 

I still have problem on this page : http://www.scottish-doux-coeurs.com/british_shorthair.php

Have you got a solution ?

 

Thanks a lot !

Stephane