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; } worldwideweb 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
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; } EddiOS42, JamIsJam88 and AshwinG 3 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
cherylr Posted February 28 Share Posted February 28 On 6/13/2022 at 4:28 AM, tuanphan said: Add this CSS nav.header-menu-nav-list .header-menu-nav-item * { background-image: none !important; text-decoration: none !important; border: none !important; } Hey when I add this code, it gets rid of the underline but also the dropdown arrow any idea how to remove JUST the underline and not the arrow? Link to comment
tuanphan Posted March 5 Share Posted March 5 On 3/1/2023 at 2:28 AM, cherylr said: Hey when I add this code, it gets rid of the underline but also the dropdown arrow any idea how to remove JUST the underline and not the arrow? Use this nav.header-menu-nav-list .header-menu-nav-item a { background-image: none !important; text-decoration: none !important; border: 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
cherylr Posted March 30 Share Posted March 30 Thank you! I didn't see your reply until just now. Your help is greatly appreciated! 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