Joomla Templates Club 406,261 posts

[birdwaves Friend birdwavesJoin date: August 2015Posts: 63Downloads:17Uploads:0 Thanks: 11]

#691618

When I scroll my pages, the menu turns white, and the images reverts to the stock joomlart logo. Why does this happen, and where do I configure it?

Thanks

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

#691681

Try This . . . .

Within file path —> /templates/ja_fixel/css/template-responsive.css
at line 1141, modify as follows:


.t3-mainnav.light-mainnav {
background: #000 none repeat scroll 0 0;
border-bottom: 1px solid #e7e7e7;
transform: translate(0px, 100%);
}

THEN … at line 1189, modify as follows:


.t3-mainnav.light-mainnav .navbar .nav > li > a {
background: #000 none repeat scroll 0 0;
color: #fff;
opacity: 1;
}

THEN … at line 1159, modify as follows:


.t3-mainnav.light-mainnav .navbar .nav > .active > a, .t3-mainnav.light-mainnav .navbar .nav > .active > a:hover, .t3-mainnav.light-mainnav .navbar .nav > .active > a:focus {
background: #000 none repeat scroll 0 0;
color: #fc615d;
}

THEN … within file path —> /templates/ja_fixel/css/template.css
at line 1809, modify as follows:


.t3-mainnav .navbar-inner {
background: #000 none repeat scroll 0 0;
border: 0 none;
border-radius: 0;
box-shadow: none;
min-height: 60px;
padding: 0;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ??

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

#749366

Try This . . . .

Within file path —> /templates/ja_fixel/css/template-responsive.css
at line 1141, modify as follows:


.t3-mainnav.light-mainnav {
background: #000 none repeat scroll 0 0;
border-bottom: 1px solid #e7e7e7;
transform: translate(0px, 100%);
}

THEN … at line 1189, modify as follows:


.t3-mainnav.light-mainnav .navbar .nav > li > a {
background: #000 none repeat scroll 0 0;
color: #fff;
opacity: 1;
}

THEN … at line 1159, modify as follows:


.t3-mainnav.light-mainnav .navbar .nav > .active > a, .t3-mainnav.light-mainnav .navbar .nav > .active > a:hover, .t3-mainnav.light-mainnav .navbar .nav > .active > a:focus {
background: #000 none repeat scroll 0 0;
color: #fc615d;
}

THEN … within file path —> /templates/ja_fixel/css/template.css
at line 1809, modify as follows:


.t3-mainnav .navbar-inner {
background: #000 none repeat scroll 0 0;
border: 0 none;
border-radius: 0;
box-shadow: none;
min-height: 60px;
padding: 0;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ??

[birdwaves Friend birdwavesJoin date: August 2015Posts: 63Downloads:17Uploads:0 Thanks: 11]

#691683

Almost!

The Joomlart logo still replaces my picture.

[birdwaves Friend birdwavesJoin date: August 2015Posts: 63Downloads:17Uploads:0 Thanks: 11]

#749368

Almost!

The Joomlart logo still replaces my picture.

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

#691696

Look to file path —> /templates/ja_fixel/css/template-responsive.css
at line 1924 . . .


.t3-mainnav.light-mainnav .logo-image a {
background-image: url("../images/logo-light.png") !important;
}

and file path —> /templates/ja_fixel/css/template.css
at line 5133 . . .


.light-mainnav .logo-image a {
background: rgba(0, 0, 0, 0) url("../images/logo-light.png") no-repeat scroll 0 0;
}

Change the file path for the stock logo to the file path for your logo image

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

#749381

Look to file path —> /templates/ja_fixel/css/template-responsive.css
at line 1924 . . .


.t3-mainnav.light-mainnav .logo-image a {
background-image: url("../images/logo-light.png") !important;
}

and file path —> /templates/ja_fixel/css/template.css
at line 5133 . . .


.light-mainnav .logo-image a {
background: rgba(0, 0, 0, 0) url("../images/logo-light.png") no-repeat scroll 0 0;
}

Change the file path for the stock logo to the file path for your logo image

[birdwaves Friend birdwavesJoin date: August 2015Posts: 63Downloads:17Uploads:0 Thanks: 11]

#691701

Almost there. It doesn’t shrink to resize like it should.

Strange that this isn’t all doable in the backend somewhere. I am wondering if the css overrides and php code is not necessary, but can be configured in t3 framework or something.

[birdwaves Friend birdwavesJoin date: August 2015Posts: 63Downloads:17Uploads:0 Thanks: 11]

#749386

Almost there. It doesn’t shrink to resize like it should.

Strange that this isn’t all doable in the backend somewhere. I am wondering if the css overrides and php code is not necessary, but can be configured in t3 framework or something.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#692021

May I know how you want it to resize?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#749534

May I know how you want it to resize?

[birdwaves Friend birdwavesJoin date: August 2015Posts: 63Downloads:17Uploads:0 Thanks: 11]

#692569

You can see what I’m looking at if you resize your browser window to a medium size. The logo looks good at this point. But then scroll the page, and you will see that the logo image changes. I think that we are now seeing just the corner of the image at full size.
Scroll back up, and the logo picture will then revert to it’s proper size.

Secondly, If you resize the window once again, just before it changes to off-canvas menu You can see the logo picture changes to a wider format and does not fit. Scroll the window and the picture changes yet again.

[birdwaves Friend birdwavesJoin date: August 2015Posts: 63Downloads:17Uploads:0 Thanks: 11]

#749726

You can see what I’m looking at if you resize your browser window to a medium size. The logo looks good at this point. But then scroll the page, and you will see that the logo image changes. I think that we are now seeing just the corner of the image at full size.
Scroll back up, and the logo picture will then revert to it’s proper size.

Secondly, If you resize the window once again, just before it changes to off-canvas menu You can see the logo picture changes to a wider format and does not fit. Scroll the window and the picture changes yet again.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#693148

I see this css rule on your site:


.light-mainnav .logo-image a .logo-img {
display: none;
}


You can open the file: root/templates/ja_fixel/css/custom.css and add this css rule:


.light-mainnav .logo-image a .logo-img {
display: block;
}


[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#749836

I see this css rule on your site:


.light-mainnav .logo-image a .logo-img {
display: none;
}


You can open the file: root/templates/ja_fixel/css/custom.css and add this css rule:


.light-mainnav .logo-image a .logo-img {
display: block;
}


[Author]

Posts