What's New
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
You must be logged in to reply to this topic.
I use a catagory-menu in the left column on the desktop-mode, when you open the site on a mobile phone the left column is removed and replaced by a slide-in menu…I’m happy with that!!
But when I open the site on a tablet I also get the mobile version (thats good) but still have the left column, so its not completely on the mobile mode.
I would like the site to appear on a tablet in full mobile-mode just like it is on a phone, not with a left column.
How do I change that?
When someone looks at the site with a smaller screen (1200 or less) it should show in mobile mode (without the left column)
It requires a lot of changes, you can try this custom css code.
#switch_left_column_wrap{display:block!important;}
@media only screen and (max-width: 1100px){
.slide_lr_column #left_column.sidebar_opened, .slide_lr_column #right_column.sidebar_opened {bottom: 50px; }
.slide_lr_column #left_column, .slide_lr_column #right_column{display:none;}
#sidebar_box {position: fixed; z-index: 110; bottom: 0; top: auto; right: 0; left: 0; width: 100%; }
#switch_left_column_wrap, #switch_right_column_wrap {-moz-flex-grow: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-positive: 1; }
#leftbar, #rightbar {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; position: static; bottom: auto; top: auto; right: auto; left: auto; border-right: none; border-bottom: none; border-left: none; }
#sidebar_box .rightbar_wrap a.icon_wrap {border: none; display: block; width: auto; text-align: center; height: 50px; padding: 6px 0; }
.icon_wrap .amount_circle {right: auto; left: 50%; }
}
@media only screen and (min-width: 1101px){
#switch_left_column_wrap{display:none!important;}
}
You must be logged in to reply to this topic.