Mobile menu

Hi,

But if you shift the menu to the right what about the search icon? Maybe like this

– https://forum.tagdiv.com/topic/how-to-change-mobile-icon-menu-to-the-right/

Or maybe switch them? – https://www.screencast.com/t/EWt7fDFfEWc

#td-top-mobile-toggle {
position: absolute;
right: 0;
}
.header-search-wrap {
right: auto;
}

Also with the menu to the right as you mention
– https://www.screencast.com/t/Iqp57AJP

#td-top-mobile-toggle {
position: absolute;
right: 0;
}
.header-search-wrap {
right: auto;
}
.td-main-menu-logo img {
left: auto;
right: 54px;
}

Modify the codes as you want, then enter them in the phones section in the Advanced CSS.

Thanks

Maybe like this – https://www.screencast.com/t/0bglaoD285r

.header-search-wrap {
right: 54px;
}
#td-top-mobile-toggle {
position: absolute;
right: 0;
}
.td-main-menu-logo img {
right:auto;
left: 20px;
}

I checked the code again, seems to work same as before

Without code – https://www.screencast.com/t/cAdP9JXQp
With code – https://www.screencast.com/t/xpIDg1DXqi5

The one you mention will switch them
– https://www.screencast.com/t/au9mtu5tunaW

That’s unusual, it works for me all the time. Try with !important after each value

#td-top-mobile-toggle {
position: absolute!important;
right: 0!important;
}
.header-search-wrap {
right: auto!important;
}

If it still does not work, provide a link to the website so I can take a look, could be stronger interference with other codes.

I know now why it was not working properly, because you use a multi-purpose header style. It will require some modification and additions to the initial code.

This code will work now – https://www.screencast.com/t/T3778Nk12h

#td-top-mobile-toggle {
position: absolute;
right: 0;
}
.tdm-header .header-search-wrap {
right: auto;
position: absolute;
margin-left: 0;
}