Joomla Templates Club 406,261 posts

[litesvcs Friend litesvcsJoin date: November 2016Posts: 205Downloads:16Uploads:81 Thanks: 4]

#1070620

Hi,

I would like to hide the Main Menu in iPad Mode ( Res1024 ) like i did it on 768 x 1024. I have already this CCS code.
@media (max-width:991px){.t3-mainnav .t3-navbar{display:none!important;}}

I changed the value to 1024px instead of 991px but seems that does not hide the Main Menu for 1024 x 768 devices.

Can you please advise?

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1070805

Hi
its not the correct way to change the view.
Open template folder /less/variable.less file
find

// Point at which the navbar stops collapsing
@grid-float-breakpoint:     @screen-sm-min;

Now change @screen-sm-min; with a value where you want to stop the menu breakpoint for collapse navigation.

after this step compile less to css.
take backup of custom changes before compiling less to css.

Regards

[litesvcs Friend litesvcsJoin date: November 2016Posts: 205Downloads:16Uploads:81 Thanks: 4]

#1070850

Hi,

Can you be specific about where to add value in code? At resolution 1024px i want to show only Off Canvas and not Main Menu.

Regards

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1070859

Hi

 @screen-sm-min;

Replace it with a value, the value you will add is for the breakpoint of the menu.

Regards

[litesvcs Friend litesvcsJoin date: November 2016Posts: 205Downloads:16Uploads:81 Thanks: 4]

#1070914

This is a correct code?

@grid-float-breakpoint: 1200px

Regards

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1070927

litesvcs wrote:

This is a correct code?

@grid-float-breakpoint: 1200px

Regards

Yes, its correct.

Regards

[litesvcs Friend litesvcsJoin date: November 2016Posts: 205Downloads:16Uploads:81 Thanks: 4]

#1071028

Hi,
I am sorry but i can not find such a string in folder /templates/ja_hotel/less/variables.less
// Point at which the navbar stops collapsing
@grid-float-breakpoint: @screen-sm-min;

I check trhought but i can not find it.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1071135

Hi
Kindly share the site super user details in Private reply.
I will share the path and code with a screenshot from your site.

Regards

[litesvcs Friend litesvcsJoin date: November 2016Posts: 205Downloads:16Uploads:81 Thanks: 4]

#1071224

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1071231

Hi
you can find it in the line 310
here is the code you are looking for

// Point at which the navbar stops collapsing
@grid-float-breakpoint:     @screen-sm-min;

Replace
@screen-sm-min with 1024px

Regards

[litesvcs Friend litesvcsJoin date: November 2016Posts: 205Downloads:16Uploads:81 Thanks: 4]

#1071234

Hi, I get this error. Is it something with code?

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1071242

Hi
there is syntax error that i fixed.
Please check it now.
Regards

[litesvcs Friend litesvcsJoin date: November 2016Posts: 205Downloads:16Uploads:81 Thanks: 4]

#1071252

Hi, Error was fixed but I do not see any difference in Template. Menu Bar is still there in Device 1024px

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1071254

This reply has been marked as private.

[litesvcs Friend litesvcsJoin date: November 2016Posts: 205Downloads:16Uploads:81 Thanks: 4]

#1071265

Yes, I compile less to css.

[Author]

Posts