Comments David started the conversationMay 20, 2014 at 12:16amHello, if we reduce our browser width to about the size of an iPad, we notice our logo is scrunching up next to the main menu. See the attachment for a visual. What can we do to prevent this? 8,406Tahir repliedMay 20, 2014 at 2:19pmHey David!The easiest way is to turn on the 'Full Width Option' in Salient Theme Options - > Header Section. Thanks ThemeNectar Support Team David repliedMay 20, 2014 at 4:53pmWe don't like that look. Are there other solutions? Is there a maximum width the logo should be? 8,406Tahir repliedMay 20, 2014 at 5:44pmAdd this into the Custom CSS box located in your Salient Options panel :@media only screen and (min-width : 1000px) { body header#top #logo img { height: 57px!important; margin-top: 5px; } } /* COLUMN WIDTH ON DISPLAYS +690px */ @media (min-width: 690px) { body header .span_3 { width: 20.5%; } body header .span_9 { width: 77.5%; } } Cheers ThemeNectar Support Team David repliedJune 2, 2014 at 9:26pmThank you. Sign in to reply ...
Hello, if we reduce our browser width to about the size of an iPad, we notice our logo is scrunching up next to the main menu. See the attachment for a visual. What can we do to prevent this?
Hey David!
The easiest way is to turn on the 'Full Width Option' in Salient Theme Options - > Header Section.
Thanks
ThemeNectar Support Team
We don't like that look. Are there other solutions? Is there a maximum width the logo should be?
Add this into the Custom CSS box located in your Salient Options panel :
@media only screen and (min-width : 1000px) { body header#top #logo img { height: 57px!important; margin-top: 5px; } } /* COLUMN WIDTH ON DISPLAYS +690px */ @media (min-width: 690px) { body header .span_3 { width: 20.5%; } body header .span_9 { width: 77.5%; } }
Cheers
ThemeNectar Support Team
Thank you.