Okay
  Public Ticket #245358
Overlapping menu and logo lower screen resolution
Closed

Comments

  • Sascha started the conversation

    Hi,

    i know this question shows up very often, but - sorry - i didn't find a solution. I use Salient since 2 years and in the early version it was enough to add a custom CSS to define the breakpoint to avoid the overlapping. In the newest project this has no effect.

    Im looking forward to a solution, thank you very much.

    Sascha

  •  988
    ThemeNectar replied

    Hey Sacha!

    A technique like this should still work:
    @media only screen and (min-width: 1000px) and (max-width: 1300px) { 
       #header-outer #logo img { 
          padding: 10px 5px 10px 5px!important;
       }
       header#top nav ul:not(.sub-menu) li a {
         padding-left: 6px!important;
         padding-right: 6px!important;
      }
    }
    
    
    If it's not, please allow me to see your actual URL to assist :)

    Cheers

  • Sascha replied

    Thank you very much. I need support of a fronted developer, than we fixed it. But maybe it is a task for your wish list in case of a more landscape logo an 5 oder 6 menu items.

    This is the website (in beta):

    http://beta.kruckeberg.de

    user: preview

    passwort: erksz8&9&m