How to make the search icon display properly on mobile devices

chris clark
asked 10 years ago

Hello, I’m having an issue getting my search icon to display properly on my mobile device
I have taken a screen shot of my site: http://www.christopherjamesclark.com/blog/
and another site: http://www.alexandracooks.com/
both sites use DW MINION. the search icon appears properly on the latter, but not on my site.
i can don’t see where it is possible to attach images here, but if you send me an email through my contact page, i can provide the images: http://christopherjamesclark.com/contact.html

1 Answers

DominicStaff
answered 10 years ago

Hi,
To resolve the issue in the site: http://www.alexandracooks.com/, you can add the following code to the style.css file:

@media only screen and (max-width: 480px) {
    .csstransitions .site-actions .list-socials {width: 200px !important; }<br />    .site-actions .actions {margin-top: -40px; }
}

– To resolve the issue in the site: http://www.christopherjamesclark.com/blog/, you can add the following code to the style.css file:

<span class="lit">@media</span><span class="pun">(</span><span class="pln">min</span><span class="pun">-</span><span class="pln">width</span><span class="pun">:</span><span class="lit">1281px</span><span class="pun">)</span><span class="pun">{</span><br />   #page {padding: 0;}<br /><span class="pun">}</span>

Hope this helps !