Avada Forums Community Forum Mobile Logo Position Reply To: Mobile Logo Position

Troutmagnet
Participant
Post count: 1

I managed to do it on 5, but I haven’t used it on 4.

I ended up using a plug-in called Site Origin CSS in conjunction with Chrome’s Developer Tools. Then I created a media query:


@media
only screen and (max-device-width : 667px) {
}

Your target div is:

div.fusion-header

Your logo target is:

img.fusion-mobile-logo

…then inserted the code to fiddle with the spacing relative to my logotype shape.

Seemed to work well. My problem is I want to stack the logo on top of the hamburger icon, but the div surrounding the logo and doesn’t want to play nice.