JA Music Disable Image Resize

aztechgeeks

How do I disable the image resize when the page is scrolled

Ninja

aztechgeeks
Hi
open /templates/ja_muzic/css/custom.css file and add this code

.t3-mainnav.min-mainnav .logo-image a img {
    max-height: initial!important;
}

save file, clear cache and check.

Regards

aztechgeeks

Ninja the menu bar is still collapsing over the image on desktop scroll, and covering the image on mobile

Ninja

aztechgeeks
Hi
Use this code in custom.css file to fix the desktop issue

.t3-mainnav.min-mainnav .logo-image a {
    height: 90px;
}

For mobile the logo height is bigger as compare to header size.
to change the size add this code in custom.css file and decrease the height and width value to fit

@media (max-width: 767px){
.t3-mainnav .navbar-inner .logo-image a {
    height: 31px;
    width: 90px;
}}

Regards

paulus1031

Can you turn off css optimisation?

I think you have some styling added already for pages other than the home

For the home page try adding

.affix.min-mainnav .navbar-inner {min-height:120px;}

.logo-image {overflow:visible;}

paulus1031

This may affect other pages but we can deal with that if that is the case but as above can you turn off the css optimisation

Cheers
Paul