Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #32407
    sijay
    Guest

    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?

    #32449
    Jesse Owens
    Keymaster

    Hi 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; }
    
    #32481
    sijay
    Guest

    Once agin your advice has been spot on! Thank you.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Centering menu items on the mobile menu’ is closed to new replies.