mimichong Posted March 17, 2023 Share Posted March 17, 2023 Does anyone know how I can get the navigation links to show as text links for both tablet/mobile? I have a site that will only have 1-2 other links so a hamburger icon feels unnecessary. Any help is appreciated! Thanks! Link to comment
tuanphan Posted March 19, 2023 Share Posted March 19, 2023 Hi. Possible. What is site url? 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
mimichong Posted March 20, 2023 Author Share Posted March 20, 2023 Thanks Tuan! it's www.mimichong.design password: mimi Link to comment
Solution tuanphan Posted March 25, 2023 Solution Share Posted March 25, 2023 On 3/21/2023 at 3:11 AM, mimichong said: Thanks Tuan! it's www.mimichong.design password: mimi Add to Design > Custom CSS @media screen and (max-width:1024px) { .header-nav { display: flex !important; justify-content: flex-end !important; } .header-burger { display: none !important; } .header-title { max-width: 40% !important; } a#site-title { white-space: nowrap; } } sarawhite 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
mimichong Posted March 28, 2023 Author Share Posted March 28, 2023 Amazing as always @tuanphan - worked like a charm. Thanks! Link to comment
chrisrudloff Posted April 28, 2023 Share Posted April 28, 2023 @tuanphan thank you for this amazing solution that I was able to implement. I currently have the links split to the left and right ends on Desktop - but want this for mobile too - is there a way to position the links differently? One on the left side, one on the right? Thanks! Link to comment
tuanphan Posted May 1, 2023 Share Posted May 1, 2023 On 4/29/2023 at 5:40 AM, chrisrudloff said: @tuanphan thank you for this amazing solution that I was able to implement. I currently have the links split to the left and right ends on Desktop - but want this for mobile too - is there a way to position the links differently? One on the left side, one on the right? Thanks! What is site url? We can check easier 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
wagedj Posted January 30 Share Posted January 30 will this work with any template? I have the same request Link to comment
tuanphan Posted February 1 Share Posted February 1 On 1/30/2024 at 10:38 PM, wagedj said: will this work with any template? I have the same request It should work with all templates belong 7.1 version 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment