Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 25, 2020 at 12:18 am #1255438
    xuamox

    Hi,
    I am trying to style the mobile menu but having some issues

    a) I would like the hover area to be larger. Right now it’s a narrow strip on the list item. I tried playing around with margin and padding with no luck
    b) The submenu item has way too much spacing compared to the top-level menu items
    c) can’t get a bottom border to display between list items
    d) how do I increase the size of the mobile menu top-level font, but not the sub-menu font size?

    Thanks,

    Eric

    October 26, 2020 at 10:14 pm #1255876
    Victoria

    Hey xuamox,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    October 26, 2020 at 10:52 pm #1255888
    xuamox

    Hi Victoria, thanks for the quick reply. I have posted a private link for you to view. We are trying to add the “Call to Action” section to every page on the site. We could add a color section manually, but that seems like the hard way to do it. So we thought it would be nice to add it to the footer.php file or some other way that you or your team might recommend. Thanks.

    October 29, 2020 at 5:22 pm #1256820
    Victoria

    Hi xuamox,

    You can build a page, add whatever you need there, and as a footer.
    Screenshot 2020-10-29 at 17.22.39.png

    If you need further assistance please let us know.
    Best regards,
    Victoria

    October 29, 2020 at 6:18 pm #1256839
    xuamox

    Thanks that worked, but I posted the footer item in the wrong help item.

    I am still looking for some assistance with configuring the mobile menu.
    I typically use Google Chrome inspect feature to look at the code, but I find it hard to look at the mobile menu css this way. Not sure if I am missing anything, but is there a better way to inspect the CSS of the mobile dropdown menu?

    Thanks again for all your help.

    October 30, 2020 at 7:45 pm #1257122
    Victoria

    Hi xuamox,

    Well, it’s the same way to do it as you do it. How do you want to change it?

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    November 2, 2020 at 9:05 pm #1257693
    xuamox

    Hi Victoria,

    I have included a screenshot of what I am trying to achieve.
    I don’t want the changes to affect the main menu, only the spacing and hovers on the mobile menu.

    I need to reduce the spacing between sub-menu items on mobile, and control the hover and active colors without affecting the main menu.

    I am not 100% how the mobile menu sub-items ended up with so much spacing in the first place.

    I hope this helps.

    Thanks again for all your help.

    November 4, 2020 at 10:11 pm #1258453
    Victoria

    Hi xuamox,

    Best regards,
    Victoria

    November 5, 2020 at 12:23 pm #1258582
    xuamox

    Thank you very much for your help. Everything is good now.

    November 5, 2020 at 5:36 pm #1258680
    Victoria

    Hi xuamox,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 30, 2020 at 8:29 pm #1264055
    xuamox

    We are good. You can close this ticket.

    December 1, 2020 at 1:56 am #1264088
    Jordan Shannon

    Hi,

    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 ‘Enfold Mobile Menu styling’ is closed to new replies.