Hide Mobile Menu Toggle

Chrimby · May 2015

Hello,

i am uing Ubermenu as menu. On mobile devices, two menu toggles are display, that is why i added

#Header a.responsive-menu-toggle { opacity:0 !important; }

But that does not change anything.

Albert · May 2015

Hi,

to remove our default responsive menu from mobile devices, please use below css:

#Top_bar a.responsive-menu-toggle { display: none; }

Chrimby · May 2015

Thanks, that helped.

On smartphones, sidebars are displayed below content. I want this for tablets as well. Can you give me a css code for that?

Albert · May 2015

On tablets, sidebars display on the right side, right? And you mean to increase content size to 100% and move sidebar below it?

Chrimby · May 2015

In my case, sidebars are on the left. That looks good on Desktop, but in my opinion, it does not on Tablets. So Yes, i want to increase Content size to 100% and move sidebar below, as it can be seen on smartphones

Albert · May 2015

What is the url to page where you got this? Please give us url and we'll see if there is anything what we can do yo help you.

Chrimby · May 2015

I am using Ubermenu - you'll See the Problem

Albert · May 2015

Ok.So the only way to move this sidebar below content is the following css:

@media only screen and (max-width: 1239px) {
    .with_aside .sections_group { width: 100% !important; }
}

but if above screen size will be too much, you can type your own value instead.

Chrimby · May 2015

Perfekt, thanks. I will give it a try later this day.

Chrimby · May 2015

Ok, it does what I described, but not in the way I need. Yes, the sidebar moves below content, but has still the format of the sidebar (width restrictions). Is it possible to set the width to 100% when sidebar is moved below content?

Albert · May 2015

Ok but where is the url? Because we must have a look on it once again if you want sidebar to be 100 width.

Chrimby · May 2015

Albert · May 2015

Ok. So to do this, please use below css:

@media only screen and (max-width: 1239px) {
    .with_aside .sidebar.columns { width: 100%; }
    .widget-area::before { background: none !important; }
    .aside_left .widget-area { border: 0 !important; }
}

Chrimby · May 2015

Thats it. thx

Albert · May 2015

You're welcome

Hide Mobile Menu Toggle

Comments