I need a little help with my header and menus on the original X Theme, but with the mobile phone only view.
I have it setup roughly how I want to display our charity site on the mobile device view but if you can help with two areas that would be appreciated.
1 – I can’t seem to find the right CSS to centralise the top bar menu links on the mobile view only? As you can see they are left aligned and looks a bit strange that way on mobile.
2 – With the hamburger menu icon, I would like to change the hamburger icon to a cross icon when the menu is open (i.e. press it to close the menu).
3 - I would like to change the search field to a search icon that when pressed (like the menu) opens up a the search text field and search button, rather than as it displays by default in the topbar at present (I set the CSS code to display none because it is at the top of the topbar position wise so messes the menu links)
Thanks, Ashley.