Menu bar- Mobile view

Lalene

Hi everyone,


I was wondering if it was possible to make the left bar on my homepage (containing the logo and navigation bar) completely transparent only on mobile view.

Thanks!

www.marpaez.smugmug.com

tomnovy

Lalene wrote: »

Hi everyone,


I was wondering if it was possible to make the left bar on my homepage (containing the logo and navigation bar) completely transparent only on mobile view.

Thanks!

www.marpaez.smugmug.com

Hi There,

I have just checked your site on mobile and the navigation on mobile appears transparent. Could you please clarify?

Lalene

I had to make it completely transparent all together because i was not able to figure out a way to make it transparent on mobile view, while having a regular non transparent view on desktop.

Lalene

Any possible solution to this?

Hikin' Mike

Lalene wrote: »

I had to make it completely transparent all together because i was not able to figure out a way to make it transparent on mobile view, while having a regular non transparent view on desktop.

This should display a transparent background on your left side if the screen is 799px or less...

@media only screen and (max-width: 799px) {

    .sm-user-ui .sm-page-content > .sm-page-layout > .sm-page-layout-region > .sm-page-layout-region-left {
        background-color: rgba( 182, 183, 186, 0 );
    }
    
}

Lalene

Hikin' Mike wrote: »

This should display a transparent background on your left side if the screen is 799px or less...

@media only screen and (max-width: 799px) {

    .sm-user-ui .sm-page-content > .sm-page-layout > .sm-page-layout-region > .sm-page-layout-region-left {
        background-color: rgba( 182, 183, 186, 0 );
    }
    
}

Worked like a charm. Thanks!