How can I move the phone icon next to the menu icon in mobile view?

Store Design
, , , , ,
1

Hi

Please can u provide a solution to moving phone icon next to menu icon on mobile view, thanks (attached example below)

my store:

URL: homeoutletdirect.com

Theme: Warehouse

wanted result:

bennyhenders_0-1683543869937.png
bennyhenders_0-1683543869937.png319×400 98.6 KB

2

Hi @bennyhenders ,

Please add below code in Header.liquid just above the

Screenshot_24.png
Screenshot_24.png1915×851 74.6 KB


          **800-495-0144**

Add below css code in theme.css

@media (max-width: 767px){
.header-phone-icon.on-mobile {
    display: block !important;
}
.header-phone-icon{
    display:none
}
}
.header-phone-icon.on-mobile {
    display: none;
}

Hope this helps

let me know if you have any queries.

Regards,

Reena

3

i’ve already got the code. i want some code to move the icon next to the hamburger icon

4

The above code will move the icon next ti the hamburger icon

5

that code does not work. i would like css code to move it. thanks