Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 16, 2018 at 6:17 pm #1045998
    demarcojeff

    Hi, is it possible to remove only the sub-menu items in the footer socket navigation? I would like the main menu items to remain. I also would like the menu and sub-menu items to remain in the header, .

    The website is: boldcityhi.com

    The sub-menu items I’m referring to are under “service areas”

    Thank you

    December 16, 2018 at 6:45 pm #1046013
    michaelH

    Hi demarcojeff

    Try the following code and insert it into the Quick CSS section:

    .widget ul ul li {
display: none;
}

    Cheers
    Michael

    December 16, 2018 at 9:36 pm #1046070
    demarcojeff

    This appears to have worked. Thank you Michael!

    December 17, 2018 at 1:10 am #1046098
    Mike

    Hi,
    Glad @michaelH was able to help, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

    April 7, 2019 at 9:22 pm #1088045
    demarcojeff

    Bumping this up again. The code above worked for the desktop version, but the sub-menu items are still showing in the footer on the mobile version.

    Is there additional code I can add to remove them from mobile as well?

    The website is: boldcityhi.com

    The sub-menu items I’m referring to are under “service areas” at the bottom of the page

    Thank you

    April 7, 2019 at 9:58 pm #1088051
    Mike

    Hi,
    I took a look at your footer for the menu item “service areas” but for me it is only showing as a text item, when I inspect it I see this css working:

    .widget ul ul li {
    display: none;
}

    which is the css from Michael above, perhaps you need to clear your browser cache, because I can’t hover, or click, for a drop down on it.

    (BTW, nice design)

    Best regards,
    Mike

    April 9, 2019 at 12:58 am #1088459
    demarcojeff

    Thanks Mike! I assume you looked at it on mobile? That’s where the problem lies.

    I’ve attached a screenshot from my phone of what I see.

    View post on imgur.com

    • This reply was modified 5 years, 7 months ago by demarcojeff.
    April 10, 2019 at 4:58 am #1088960
    Mike

    Hi,
    Thanks for your feedback, Please try adding this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .widget_nav_menu ul ul {
    display: none !important; 
}

    Best regards,
    Mike

    April 10, 2019 at 3:54 pm #1089163
    demarcojeff

    Hi Mike. Thanks again for your help. I tried adding the above code into the quick css, but it still shows the sub menu items on mobile.

    April 11, 2019 at 7:04 am #1089409
    Mike

    Hi,
    I have checked again on my device but it is not showing for me. Please see the screenshot in Private Content area.
    I assume that you have tried clearing your browser cache, but it looks like you are using an iPhone, I believe the cache is a little trickier to clear. Please see these steps.
    I’m using Android.

    Best regards,
    Mike

    April 12, 2019 at 10:49 pm #1090163
    demarcojeff

    That did it, thank you!

    April 13, 2019 at 1:46 am #1090191
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Remove Sub-Menu in Footer Socket Only’ is closed to new replies.