Perminantly Hide Main Menu - Keep Offcanvas Menu

ae3d1

THIS TOPIC HAS BEEN SOLVED

Id like to PERMINANTLY hide the main menu and ONLY use the OFF CANVAS menu throughout the site.

How can i accomplish this?

I was looking at two things
1) Open Modules
2) MainMenu module
3) Advanced Tab
4) Under "Module Class Suffix add the following: hidden-lg hidden-md hidden-sm hidden-xs

I was also considered looking at the "variables.less" file and adjusting the section under
Media queries breakpoints
but im not sure what to do here.

@screen-xs: = how many px?
@screen-sm: = how many px?

@screen-md: = how many px?
@screen-lg: = how many px?

Once i adjust this .LESS file do i need to do something to the CSS file?

saguaros

Hi ae3d1

May I know which template you want to change? You create this topic in JA Magz template's forum but I check the provided URL and your site is using JA Mixstore.

ae3d1

saguaros

This is for Ja MixStore but when i try to use your tagging system it keeps asking me for a second tag however it wont allow me to pick one

saguaros

ae3d1
I moved to correct forum now.

For the breakpoint, you can change the value for variable: @grid-float-breakpoint

ae3d1

saguaros
Dude what does that even mean?
It sounds like that will still allow it on certain screens.

I love how you guys give us a specific amount of time to ask questions via our membership but then drop in something vague that takes days to get answers from then our membership time runs out.

Why can you just put the example here and stop making it so difficult.

A) what file do i find this in?
Because i went to
"domain.com/templates/ja-mixstore/less/" variables.less
If this is correct you should have mentioned it.

I searched this file and found "@grid-float-breakpoint"
on line 299.
If this is correct you should have told me what line to look at as well incase @gride.... exists on more than one line

Now the question still is the same as my ORIGINAL one "IM NOT SURE WHAT TO DO HERE"
and you never answered the other question
"DO I NEED TO DO ANYTHING TO THE CSS FILES AS WELL"

ae3d1

So i went to LESS file and change it from
@screen-md-min;
to
@screen-lg-min;

I saved the LESS to CSS again
then i cleared the CACHE

See attached.
At 1400 wide the Menu is still there
At 1350 wide it turns into TWO LINES (This is the problem im trying to avoid)
At 1292 it disappears they way i need it to be but it needs to be gone "The whole time, not just on SOME screen sizes"
collapsed

This did not do what im asking of.

ae3d1

This topic can be closed. I solved it on my own

Thanks

saguaros

Glad to hear that!