Lisa0703 Posted February 10 Share Posted February 10 (edited) Hi @tuanphan, can you please help me make the login button smaller in the mobile navigation (pic attached). https://www.letsgathr.org/ pw: Gathr Thank you! Lisa Edited February 17 by Lisa0703 Link to comment
Lisa0703 Posted February 21 Author Share Posted February 21 @tuanphan, can you help with this request? Link to comment
Mdhanjal Posted February 22 Share Posted February 22 .header--menu-open .header .user-accounts-text-link { color: #ffffff; } .user-accounts-link { background-color: #190c8d; color: #ffffff !important; font-size: 1.3em; font-weight: 600; position: relative; outline: none; border-radius: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer; height: 55px; width: 160px; } Hi, I'm BITTU. A website developer with 10 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com Website:- dhanjalsolution.com Best Hourly Rate :- $15 Per Hour Link to comment
Lisa0703 Posted February 28 Author Share Posted February 28 Thank you @Mdhanjal_Squarespace ! I previously added the below code to create the Login button in the navigation and push it to the far right. When adding your code, it is impacting the existing Login button. Is there an alternate way so I can keep this code in tact, but only make the Login smaller in mobile navigation? .user-accounts-link { background-color: #5775ff; color: #ffffff; padding: 0.5rem 2rem; border:1px solid #ffffff; border-radius: 20px; } .header-layout-nav-right .header-actions { flex-direction: row-reverse; } Link to comment
Solution tuanphan Posted March 5 Solution Share Posted March 5 Add to Design > Custom CSS .user-accounts-link.header-menu-nav-item.header-nav-item--collection.customerAccountLoginMobile { max-width: 200px; margin: 0 auto; padding: 10px; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Lisa0703 Posted March 10 Author Share Posted March 10 Thank you @tuanphan! 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