Image scale grid pushing down an element logo area?

scott74

I have a video under my nav on mobile... 

This setting seems to be pusing the splash image down causing a gap

See here.

http://screencast.com/t/xRq4tJNDqK

Is there a way to put 0 px padding on the logo img scale grid by itself so i can fix this?

Thanks

Albert

Where can we checked this header with video? Because when we open http://forestparkdental.info/ video does not exist.

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

scott74

i was building the site on the .info Have now moved it to his .com since almost finished. Just have not removed it from the info you for testing some things.. Thnanks for taking a look

www.forestparkdental.com 

The video is only for mobile... added an extra muffin module and selected mobile only.. thanks

Albert

Looks like you already did it because now it does not look the same as on your video.

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

scott74

Yes.. I have it fitting in the nav snug on desktop and tablets but for some reason it doesn't do the same on mobile. I shrinks up and can't figure out how to get it to fill the nav height completly on mobile.

http://screencast.com/t/5cCoD2fchCEb

Albert

Ok. So to remove padding completely from mobile, you can use below css:

#Top_bar .logo #logo { padding: 0 42px !important; }

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

scott74

Ok thanks.. that seemed to have just shrunk it down more... Was trying to keep it filled in the entire height of nav like the desktop and tablet look

http://screencast.com/t/CwfOTfCjs62I

Albert

Please show us on screenshot how you want to make this logo exactly. We need 2 images: current logo look vs what you want to do.

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

scott74

How I want to look

http://screencast.com/t/QNaJYR07pbiz

How it currently looks

http://screencast.com/t/jzp8yQBo

Cna't get it to fill entire nav on all screens.. Just tablet and desktop for some reason.. Thanks

www.forestparkdental.com

Albert

Only below css will remove margin/padding:

@media only screen and (max-width: 479px) {
    #Top_bar .logo #logo { margin: 0 !important; padding: 0 !important; }
}

There is no other way to remove padding around logo on mobile.

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