aureliaregina98 Posted March 11, 2021 Share Posted March 11, 2021 Site URL: https://www.aureliaregina.com/ Hello all! My name is Regina, I have a question for site navigation when I use on mobile phone. My question is how to remove those underline when I see on mobile phone? (see screenshoot for mobile phone view) Is there any CSS code to remove this? Because when I see on desktop view, everything seems fine. I already searched many answer on this forum, but it doesnt applicable to my squarespace website. My website is : aureliaregina.com Please help me, any answers or coding will be appreciated. Thank you! Link to comment
Solution tuanphan Posted March 21, 2021 Solution Share Posted March 21, 2021 On 3/11/2021 at 3:02 PM, aureliaregina98 said: Site URL: https://www.aureliaregina.com/ Hello all! My name is Regina, I have a question for site navigation when I use on mobile phone. My question is how to remove those underline when I see on mobile phone? (see screenshoot for mobile phone view) Is there any CSS code to remove this? Because when I see on desktop view, everything seems fine. I already searched many answer on this forum, but it doesnt applicable to my squarespace website. My website is : aureliaregina.com Please help me, any answers or coding will be appreciated. Thank you! Hi. Add to Design > Custom CSS /* remove menu underline */ div.header-menu-nav-item a { text-decoration: none !important; border: none !important; background-image: none !important; } 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
aureliaregina98 Posted April 3, 2021 Author Share Posted April 3, 2021 OMG! IT'S WORKED ! Thank you for replying my message. Finally it's work to remove the underline menu. Thank you so much tuanphan ! for helping me 😄 tuanphan 1 Link to comment
kdear Posted May 23, 2022 Share Posted May 23, 2022 THANK YOU Tuanphan - this just helped me too! tuanphan 1 Link to comment
CooperBlack Posted June 9, 2022 Share Posted June 9, 2022 I have this as my mobile navigation: .header-menu-nav-item a { font-size: 2rem !important; text-align:left !important; background-color: rgba(0,0, 0, 0.4) !important; color: #dfe0e1 !important; text-decoration: none !important; } Everything works, but the text is still underlined. I'd also like to make the active link another color. Site https://raccoon-oarfish-szer.squarespace.com Pwd: Largeosity Link to comment
CooperBlack Posted June 10, 2022 Share Posted June 10, 2022 I figured out the coloring to the active link on the mobile navigation. But I still get an underline. .header-menu-nav-item--active a { text-decoration: none !important; color: #BF6403 !important; } Link to comment
tuanphan Posted June 13, 2022 Share Posted June 13, 2022 On 6/10/2022 at 10:40 PM, CooperBlack said: I figured out the coloring to the active link on the mobile navigation. But I still get an underline. .header-menu-nav-item--active a { text-decoration: none !important; color: #BF6403 !important; } Add this CSS nav.header-menu-nav-list .header-menu-nav-item * { background-image: none !important; text-decoration: none !important; border: none !important; } JamIsJam88 1 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment