I just worked out that because I copy and pasted my modified header.php file from the parent theme directory to the child theme directory – that’s what was breaking the child theme.
Any suggestions how I can get my customisation to the header into the child theme? I want to move the search icon down under the menu (as per screenshots). Any function I can use?
I basically moved <?php codeless_header_tools(); >
I can’t show you the demo as I am developing in maintenance mode behind a coming soon page. I have just used the css above from your demo in the custom css and also added #logo img to that list (refer to my other ticket re: logo alignment) and all looks okay. The logo isn’t centred nice on mobiles, but it will have to do.
eg.
#logo img, .header_7 #navigation.pos_left nav .menu > li > ul.sub-menu, .header_7 #navigation.pos_left nav .menu > li > ul.sub-menu ul, .header_7 #navigation.pos_left nav .codeless_custom_menu_mega_menu { margin-left: -60px; }
I just realised I had set the following custom css to move the logo over left when viewing on large screens and this had affected the mobile view.
.header_7 #logo { left: 35% !important; }
So how can I move the menu left (reduce left margin) when viewing the left header on large screens?
