How To Move The Instagram Logo Beside Region Selector In The Drop Down Menu On Mobile (Dawn Theme)

Thanks in advance!

I am looking to move the Instagram logo beside the country/region in the drop down menu on the mobile version. Example shown below.

add This css in your base.css File

@media screen and (max-width:990px) {
    .menu-drawer .list-social__link {
        padding: 0 1.1rem 1.1rem !important;
    }
    .menu-drawer__utility-links {
        display: flex;
        align-items: center !important;
    }
}

How do I move the icon over (left/right) without it uncentering itself?

Add This Code In my Old Code

.menu-drawer__utility-links {
    justify-content: space-between;
}

That worked as well. I mean manually moving the icon left/right without centering issues. Your first code was good but when I changed the rem it off-centered.

Sorry I not Understand What You Say.

Let’s say I wanted to move the icon to either one of those lines in the image shown below, would I have to add a px line of code to the code you provided?

Screenshot 2024-04-12 092637.png