Hide Mobile Menu Toggle

Chrimby

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

Hi,

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Chrimby

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Chrimby

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Chrimby

I am using Ubermenu - you'll See the Problem

Albert

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Chrimby

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

Chrimby

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Chrimby

       

Albert

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; }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Chrimby

Thats it. thx

Albert

You're welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next