- AuthorPosts
- December 21, 2020 at 3:11 pm #32407sijayGuest
I’m finding a few challenges with the Wedge theme and one is the difficulty in customizing elements of the menu / header. The words do not appear centered in the mobile menu and it makes the menu look disorganized. What codes would I need to assure the that the words appear centered in those boxes?
December 21, 2020 at 3:19 pm #32449Jesse OwensKeymasterHi Sijay-
Thanks for reaching out, this looks like a bug in the collapsible menu’s CSS. The [+] signs that expand and collapse the sub-menus are offsetting the text by 32 pixels, so we’ll need to use half that value’s padding to make them correctly centered.
I’ve submitted a bug report to our developers about this, but in the meantime you can fix your menu with this Custom CSS code. Navigate to Customize > Advanced > Custom JS & CSS and paste this into your Custom Theme CSS:
.navbar-nav.sm-collapsible a.has-submenu { padding-right: 16px; }
December 23, 2020 at 1:56 pm #32481sijayGuestOnce agin your advice has been spot on! Thank you.
- AuthorPosts
- The topic ‘Centering menu items on the mobile menu’ is closed to new replies.