Joomla Templates Club 406,261 posts

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

#1081821

Hi
In mobile, i can see the items in the centre here: http://prntscr.com/howxth
For the collapse navigation, if you are using off-canvas menu that is different.
Collapse navigation work for the Mega menu only and off canvas is for the off-canvas sidebar.
To change the breakpoint of the collapse navigation open /less/variable.less file and
find below code

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

Change the @screen-md-min; with a value like 1000px where u want the menu to collapse.

Save the file, compile less to CSS and check.

Make sure compile less to CSS will override the local folder files as well if you have any custom work on them take backup.

Regards

[petiflas Friend petiflasJoin date: August 2011Posts: 20Downloads:347Uploads:13 Thanks: 3]

#1081891

Hi!

Thanks, that this the fix!, about the centered element, try with a resolution of ex. 1200px, you will see the element to the left.

---

Attachments:

1. 

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

#1081898

Hi
Try this code in custom.css file

@media screen and (max-width: 1150px) and (min-width: 768px)
.category-module .ja-animate .article-img {
    float: none;
    display: block;
    margin-right: 28px;
    text-align: center;
    margin: 0 auto;
}

Hope it helps

Regards

[petiflas Friend petiflasJoin date: August 2011Posts: 20Downloads:347Uploads:13 Thanks: 3]

#1082006

Hi,

I don’t have a custom.css file … 🙁

Shouldn’t we work with the .less files and then compile?

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

#1082061

Hi
KIndly create the custom.css file in the CSS folder of the template.
And add the code I suggested.
For change in the breakpoint of the menu, Less to CSS must, so all the changes you did in the less file will be overridden into the CSS files.

Regards

[petiflas Friend petiflasJoin date: August 2011Posts: 20Downloads:347Uploads:13 Thanks: 3]

#1082174

Hi

I have added the code to a just made custom.css file inside /templates/ja_sugite/css

but didn’t work

---

Attachments:

1. 

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

#1082296

Hi
Kindly use this code

@media (max-width:1150px) and (min-width:768px) { .category-module .ja-animate .article-img{float:none;display:block;margin-right:28px;text-align:center;margin:0 auto}}

I tested it for your site and its working fine.

Regards

[petiflas Friend petiflasJoin date: August 2011Posts: 20Downloads:347Uploads:13 Thanks: 3]

#1082640

Thanks!!
now it works!

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

#1082825

You are welcome!

[Author]

Posts