lindz5223 Posted October 11, 2023 Share Posted October 11, 2023 Hi all, I could use some assistance. I just moved my client's site from 7.0 to 7.1. They are very insistent on using the same header layout as before. Could anyone give me assistance on the best way to make this happen? Website is public at: https://thefrenchtangerine.com/ Thanks so much! Link to comment
tuanphan Posted October 13, 2023 Share Posted October 13, 2023 Hi, You want to change current layout to this layout? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
lindz5223 Posted October 13, 2023 Author Share Posted October 13, 2023 Yes! Thank you. Link to comment
Solution tuanphan Posted October 16, 2023 Solution Share Posted October 16, 2023 You can add this code to Website Tools (under Not Linked) > Custom CSS @media screen and (min-width: 992px) { .header-display-desktop .header-nav, .header-display-desktop .header-actions.header-actions--right { display: none } .header-display-mobile { display: flex !important; width: 50%; justify-content: space-between; } .header-display-mobile .header-title { display: none } .header-inner { flex-direction: column } .header-display-mobile .header-title-nav-wrapper { flex: 0 1 auto; } .header-display-mobile .header-actions--right { flex: 0; }} lindz5223 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
lindz5223 Posted October 16, 2023 Author Share Posted October 16, 2023 Thank you so much! Worked perfectly! tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment