Enlarge Logo on mobile?

scott74

Trying to enlarge the logo on mobile phone.. Using the creative menu now.

Can't seem to figure out.. Need to enlarge it and have it overhang the main nav.

There was some discussion on some css to over hang it over the nav but can' seem to find that.

I tred this but doesnt seem to work

@media ;only screen and (max-width: 767px) {

#Header_creative #Top_bar .logo #logo img {

1. max-height: 120px;

}

}

Albert

Hi,

You can use below code, it should help:

@media only screen and (max-width: 767px) {
    #Header_creative #Top_bar #logo img { max-height: 120px !important; }
}

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

scott74

thankyou, do you remember how we got this to hang over/ I cant find that thread. Tried position relative with z index but didn't seem to work.. appreciate the help

http://screencast.com/t/aiGMVaSbxHt

Thanks Scott

Albert

Hi,

Plese share your website url we will check it

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

scott74

Sorry about that..

http://campbellsecuritygroup.com/

http://screencast.com/t/VySYeglJ

We did this before in a prior thread without pushing the whole header nav down by overhanging it past the main nav. I just can't remember the exact css

Thank you

Albert

Hi,

Please use below CSS

#Header_creative #Top_bar #logo { height: auto !important; }

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

scott74

That looks great now... thanks!

Got rid of bunch stuff not needed for mobile so less scrolling.... 

Here is the code for anyone that comes across. Some i added to Items in muffin builder to control the Title gaps on mobile and font..

http://pastebin.com/xZc8cJWA

Great support..