Hayleighroberts Posted February 5 Share Posted February 5 (edited) Hi there, I have added in an account button to my header but it's not showing up on desktop or mobile. I can see the outline where its supposed to be (screenshot attached) If you are able to help that would be amazing! Thanks, Hayleigh Edited February 9 by Hayleighroberts different infirmation Link to comment
tuanphan Posted February 7 Share Posted February 7 Hi, 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
Hayleighroberts Posted February 7 Author Share Posted February 7 www.matildamaeboutique.co.uk thank you! Link to comment
tuanphan Posted February 11 Share Posted February 11 On 2/7/2024 at 5:08 PM, Hayleighroberts said: www.matildamaeboutique.co.uk thank you! You can use this code to Custom CSS box div.header-menu-nav .user-accounts-text-link { visibility: visible !important; } 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
Hayleighroberts Posted February 11 Author Share Posted February 11 @tuanphan thanks for this, I can see the text on mobile but desktop is still hidden (see screenshots or go to website link) Is there a way to change the positioning on mobile as the spacing doesn't match the menu and also the wording? it would be great if i could change it to 'my account'. Thank you! Hayleigh Link to comment
tuanphan Posted February 12 Share Posted February 12 For both desktop + mobile, use this new code .user-accounts-text-link { visibility: visible !important; } Change "Login" to My Account + equal space between My Account - About - Shop Our Collections? 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
Hayleighroberts Posted February 13 Author Share Posted February 13 @tuanphan that code has worked thank you, where am I adding this part sorry? Change "Login" to My Account + equal space between My Account - About - Shop Our Collections? Link to comment
tuanphan Posted February 15 Share Posted February 15 Use this CSS code span.unauth { font-size: 0 !important; } span.unauth:before { font-size: 40px !important; content: "My Account"; text-align: center; display: block; } div.header-menu span.unauth:before { position: relative; top: -55px; } 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
Hayleighroberts Posted February 15 Author Share Posted February 15 thanks @tuanphan that worked to edit the spacing but it has caused a few more issues: 1 - Text has now moved to the top on mobile and not centred vertically (screenshot attached) 2 - When you land on the homepage and click 'SHOP OUR COLLECTION' the pop-up now appears rather than when you click on the menu and select 'MY ACCOUNT' 3 - On desktop the 'MY ACCOUNT' has gone bigger and now not inline with the rest of the navigation links Thanks! Link to comment
tuanphan Posted February 17 Share Posted February 17 You can remove the code, I will check it again 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
Hayleighroberts Posted February 28 Author Share Posted February 28 @tuanphan I have removed the code temporarily... Link to comment
Hayleighroberts Posted March 19 Author Share Posted March 19 @tuanphan any update on this? 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