SHANE_POPCINEMA Posted May 9, 2022 Share Posted May 9, 2022 Site URL: https://popcinema.org/home-eng Hi How can I make text background color appear also in mobile navigation just like desktop navi ? here code I use for desktop navi text backgroud #header .header-nav-wrapper .header-nav-item:nth-child(13) a{color:#000; background-color:#fff; padding-left: 1.5vw; padding-right: 1.5vw; } #header .header-nav-wrapper .header-nav-item:nth-child(14) a{color:#000; background-color:#fff; padding-left: 1.5vw; padding-right: 1.5vw; } thank you in advance Link to comment
SQSPStarter Posted May 9, 2022 Share Posted May 9, 2022 1 hour ago, SHANE_POPCINEMA said: Site URL: https://popcinema.org/home-eng Hi How can I make text background color appear also in mobile navigation just like desktop navi ? here code I use for desktop navi text backgroud #header .header-nav-wrapper .header-nav-item:nth-child(13) a{color:#000; background-color:#fff; padding-left: 1.5vw; padding-right: 1.5vw; } #header .header-nav-wrapper .header-nav-item:nth-child(14) a{color:#000; background-color:#fff; padding-left: 1.5vw; padding-right: 1.5vw; } thank you in advance #yui_3_17_2_1_1652128674627_1531 { color:#000; background-color:#fff; padding-left: 1.5vw;// Adjust the paddings as you wish to padding-right: 1.5vw; // Adjust the paddings as you wish to }Please let me know how it goes, and ask for help if it does not work. Please mark the answer as correct if it works. Thanks Become a contributor to the largest resource for Squarespace and gain recognition from thousands of visitors.Join us on this exciting journey. Ping us here!. Link to comment
SHANE_POPCINEMA Posted May 9, 2022 Author Share Posted May 9, 2022 28 minutes ago, TheSquareSpacer said: #yui_3_17_2_1_1652128674627_1531 { color:#000; background-color:#fff; padding-left: 1.5vw;// Adjust the paddings as you wish to padding-right: 1.5vw; // Adjust the paddings as you wish to }Please let me know how it goes, and ask for help if it does not work. Please mark the answer as correct if it works. Thanks thank you for helping me I tried but it doesn't seem to work Link to comment
SHANE_POPCINEMA Posted May 9, 2022 Author Share Posted May 9, 2022 32 minutes ago, TheSquareSpacer said: #yui_3_17_2_1_1652128674627_1531 { color:#000; background-color:#fff; padding-left: 1.5vw;// Adjust the paddings as you wish to padding-right: 1.5vw; // Adjust the paddings as you wish to }Please let me know how it goes, and ask for help if it does not work. Please mark the answer as correct if it works. Thanks I want to change where text highlight EN look just like in desktop version Link to comment
SHANE_POPCINEMA Posted May 9, 2022 Author Share Posted May 9, 2022 (edited) 58 minutes ago, TheSquareSpacer said: #yui_3_17_2_1_1652128674627_1531 { color:#000; background-color:#fff; padding-left: 1.5vw;// Adjust the paddings as you wish to padding-right: 1.5vw; // Adjust the paddings as you wish to }Please let me know how it goes, and ask for help if it does not work. Please mark the answer as correct if it works. Thanks I'm able to put color how don't know how to make it highlight only text Edited May 9, 2022 by SHANE_POPCINEMA Link to comment
SHANE_POPCINEMA Posted May 9, 2022 Author Share Posted May 9, 2022 1 hour ago, TheSquareSpacer said: #yui_3_17_2_1_1652128674627_1531 { color:#000; background-color:#fff; padding-left: 1.5vw;// Adjust the paddings as you wish to padding-right: 1.5vw; // Adjust the paddings as you wish to }Please let me know how it goes, and ask for help if it does not work. Please mark the answer as correct if it works. Thanks #header .header-menu-nav-item:nth-child(13) a{color:#000; background-color:#fff; width: 40px; padding-left: 1.5vw; padding-right: 1.5vw; } #header .header-menu-nav-item:nth-child(14) a{color:#000; background-color:#fff; width: 25px; padding-left: 1.5vw; padding-right: 1.5vw; } I got it to work now thank you so much 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