Enlarge Logo on mobile?

scott74 · March 2015

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 {

max-height: 120px;

}

Albert · March 2015

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!

scott74 · March 2015

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 · March 2015

Hi,

Plese share your website url we will check it

Thanks!

scott74 · March 2015

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 · March 2015

Hi,

Please use below CSS

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

Thanks!

scott74 · March 2015

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..

Enlarge Logo on mobile?

Comments