- This topic has 11 replies, 4 voices, and was last updated 3 years, 2 months ago by
David.
-
AuthorPosts
-
February 5, 2023 at 4:43 pm #2522594
Jusung
On mobile device, you can see the submenu of Service.
On submenu on mobile device, I want to give current selected background color.
So, when the menu is selected, there should be background color, which is #566270
which code I can use for this?
February 5, 2023 at 4:57 pm #2522601Leo
StaffCustomer SupportHi there,
Just to confirm, do you want the color on desktop and mobile to be different?
Let me know 🙂
February 5, 2023 at 9:08 pm #2522728Jusung
I am confused.
On my mobile, the background current color works, but when I see the mobile size on pc, it doens’t work.
Also, on submenu, the current color is gone..? Idk the color set is weird.can you help me with the code for current background color and current text color with red color only for mobile device?
So, I can try to modify to test.February 5, 2023 at 10:06 pm #2522759Fernando Customer Support
Hi Jusung,
Can you first add actual links to the Menu items? They’re currently just set to
#.Let us know once they are added.
February 10, 2023 at 8:40 pm #2529064Jusung
Hello. I have added the menu Item now.
What I am trying to do is that
I want to change the backgournd color of submenu only on mobile device.
And I want to give left padding on submenu only on mobile device.February 11, 2023 at 6:22 am #2529370David
StaffCustomer SupportHi there,
the theme will automatically add the Customizer > Colors > Primary Navigation Menu –> Current color to that menu item, i visited this page on your site
/문의/and it worked.What am i missing ?
February 11, 2023 at 9:47 am #2529630Jusung
On the link, you can see the image.
on the sub menu, I want to give padding-left and want to change the background color only on mobile.
When I tried, it was applied to PC and also, the padding was applied to the underline. I only want to give padding-left to the letter and it must be applied to only mobile.
February 11, 2023 at 1:03 pm #2529792Leo
StaffCustomer Supporton the sub menu, I want to give padding-left and want to change the background color only on mobile.
The left padding is removed by the CSS you’ve added here:
#primary-menu ul ul > li a { padding: 20px 0 20px 0; border-bottom: 1px solid #566270; }Perhaps you need to add some
@media:
https://docs.generatepress.com/article/responsive-display/#responsive-breakpointsFebruary 11, 2023 at 11:38 pm #2530032Jusung
Hello.
It works well!!
One thing is that I want to remove the last underline.
I have made underline on the submenu. but the last one should be removed.Could you help me with this?
February 12, 2023 at 6:06 am #2530255David
StaffCustomer SupportChange Leos CSS to:
#primary-menu ul ul > li a { padding: 20px 0 20px 0; } #primary-menu ul ul > li:not(:last-child) a { border-bottom: 1px solid #566270; }February 12, 2023 at 4:32 pm #2530823Jusung
Thank you! it works!
February 13, 2023 at 2:21 am #2531140David
StaffCustomer SupportGlad to hear that
-
AuthorPosts
- You must be logged in to reply to this topic.