Mobile Menu Responsive design problems (Creative: Always Open)

Rrisen

Hello,

Here is the site I'm building: http://livedemo1.brandonpetersondesigns.com/

I'm using the Creative: Always Open header and I added the following to my custom CSS to push the logo/menu down when viewing desktop: #Top_bar #logo {  margin-top: 100px; }

It looks great on desktop! Unfortunately, it ruins the responsive design. Looks ugly when the responsive menu is active on small size screens. Is there any other way to move the logo & menu down on desktop while keep the responsive quality?

I've even tried resizing the logo height, but it looks strange on mobile this way as well.

Please check out the site on desktop/mobile. http://livedemo1.brandonpetersondesigns.com/

-Thanks

Albert

Hi,

if you don't want to ruin your responsive mode, then please wrap this code into right @media css, like below:

@media only screen and (min-width: 1240px) {
    #Top_bar #logo {  margin-top: 100px; }
}

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

Rrisen

Thank you! Worked perfectly!!!

Albert

No problem

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