tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/62137-usage-logo-covering-navigation-button-on-mobile-websiteRockSolid Themes: Discussion 2020-11-26T08:00:55Ztag:help.rocksolidthemes.com,2012-07-23:Comment/488267812020-11-13T10:35:09Z2020-11-13T10:35:09ZUsage: Logo covering navigation button on mobile website<div><p>Product: Tao Contao<br>
Contao Version: 4.10.4<br>
Browser and version: IOS 14.1 Safari</p>
<p>Hello, I have used the Tao theme for my company website (<a href="http://www.mupac.nl">www.mupac.nl</a>) and I've noticed that on the mobile website version my company logo is covering the navigation button. What is the solution to avoid this? Do I need to reduce the image dimensions, or do I need to change something in the css?</p></div>Martijntag:help.rocksolidthemes.com,2012-07-23:Comment/488267812020-11-13T10:49:06Z2020-11-13T10:49:06ZUsage: Logo covering navigation button on mobile website<div><p>Thank you for submitting your question!</p>
<p>To fix this issue, please add the following code to the <em>files/tao/css/custom.css</em> file:</p>
<pre>
<code>@media screen and (max-width: 599px) {
.logo img {
max-width: calc(100% - 9em);
height: 4.0625em;
object-fit: contain;
}
}</code>
</pre></div>RockSolid Themes