Joomla Templates Club 406,261 posts

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#719811

Okay this is REALLY strange . . .

I checked and confirmed that the modification to the CSS rule is saved.

Then, when I click the link to the site – upper left corner in site admin – the menu looks as it should.

But when I click the link you provided earlier in this thread, it’s still skewed.

>:(

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#753125

Okay this is REALLY strange . . .

I checked and confirmed that the modification to the CSS rule is saved.

Then, when I click the link to the site – upper left corner in site admin – the menu looks as it should.

But when I click the link you provided earlier in this thread, it’s still skewed.

>:(

[osseo Friend osseoJoin date: February 2012Posts: 205Downloads:16Uploads:26 Thanks: 69]

#719812

Did you try to do the same thing as I did by making the modifications in the template.css file in the blue theme folder?
Are you saying somehow the changes not being saved or overwritten?
Like I said before, I installed this demo site using the JA demo package file (Joomla+template+demo data), so it shouldn’t have any thing go wrong on the demo site and I kept everything update to date as you can see.

Should we try making the same changes on a different site and see if the same thing happens?
I’m not sure what else to try…

[osseo Friend osseoJoin date: February 2012Posts: 205Downloads:16Uploads:26 Thanks: 69]

#753126

Did you try to do the same thing as I did by making the modifications in the template.css file in the blue theme folder?
Are you saying somehow the changes not being saved or overwritten?
Like I said before, I installed this demo site using the JA demo package file (Joomla+template+demo data), so it shouldn’t have any thing go wrong on the demo site and I kept everything update to date as you can see.

Should we try making the same changes on a different site and see if the same thing happens?
I’m not sure what else to try…

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#719813

<blockquote>I’m not sure what else to try…</blockquote>

In your custom.css file at line 9 you have

.navbar-default .navbar-nav > li {
max-width:150px;
}

Change the max-width to
max-width:250px;

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#753127

<blockquote>I’m not sure what else to try…</blockquote>

In your custom.css file at line 9 you have

.navbar-default .navbar-nav > li {
max-width:150px;
}

Change the max-width to
max-width:250px;

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#719814

Would that override the CSS for the blue color theme?

It’s been my experience that custom.css doesn’t usually work with/for the color themes . . . but hey, if it works

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#753128

Would that override the CSS for the blue color theme?

It’s been my experience that custom.css doesn’t usually work with/for the color themes . . . but hey, if it works

[osseo Friend osseoJoin date: February 2012Posts: 205Downloads:16Uploads:26 Thanks: 69]

#719863

Tom,

I made the changes in my custom.css file, then it works with the following settings!

.navbar-default .navbar-nav > li {
max-width: 150px;
}

.t3-mainnav .t3-navbar {
padding-left: 0;
padding-right: 0;
width: 1100px !important;
}

Do you think this is a concern on my site? Would the changes stay permanent? Thanks.

[osseo Friend osseoJoin date: February 2012Posts: 205Downloads:16Uploads:26 Thanks: 69]

#753159

Tom,

I made the changes in my custom.css file, then it works with the following settings!

.navbar-default .navbar-nav > li {
max-width: 150px;
}

.t3-mainnav .t3-navbar {
padding-left: 0;
padding-right: 0;
width: 1100px !important;
}

Do you think this is a concern on my site? Would the changes stay permanent? Thanks.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#720232

If it’s working within a custom.css file, then the changes should retain and not be overwritten with any future updates/upgrades.

1 user says Thank You to TomC for this useful post

1. osseo

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#753244

If it’s working within a custom.css file, then the changes should retain and not be overwritten with any future updates/upgrades.

1 user says Thank You to TomC for this useful post

1. osseo

[osseo Friend osseoJoin date: February 2012Posts: 205Downloads:16Uploads:26 Thanks: 69]

#720236

Tom – one last question regarding this topic of menu width. When we define the fix width and increase the overall template width. What happens to the “responsiveness” for this template? When I resize my browser window and I see those menus no longer resize and shark down to accommodate the smaller browser size and menu boxes on the right side looks “broken” and without the background color behind it… Is that something can be fixed? Please advise, thanks.

[osseo Friend osseoJoin date: February 2012Posts: 205Downloads:16Uploads:26 Thanks: 69]

#753248

Tom – one last question regarding this topic of menu width. When we define the fix width and increase the overall template width. What happens to the “responsiveness” for this template? When I resize my browser window and I see those menus no longer resize and shark down to accommodate the smaller browser size and menu boxes on the right side looks “broken” and without the background color behind it… Is that something can be fixed? Please advise, thanks.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#720237

Actually, I just looked at your site with varying browser sizes and I thought it looks pretty good . . . things “collapse” as it looks like they’re supposed to for smaller viewing spaces.

As for the side menu background issue, that may be something that needs to be addressed within a different CSS rule – specifically for “mobile” viewing. (I’m not 100% certain on this, but that’s my guess). Pavit may have something to add on this issue. 🙂

[Author]

Posts