Mobile Menu Help

• 

  benrehling · Member · Sep 21, 2020 at 1:11 am

  • Copy link
  • Add topic to favorites

  When in mobile view is there a way to make the different levels right justification? Everything is currently centered and the Top level topic I want to be left justified. Is there a way to do this?

• 

  staff-totoro · Staff · Sep 21, 2020 at 1:27 am

  • Copy link

  Hi there,

  Where can I see this on your site now? To help me see exactly what you see, can you copy the URL (from your browser address bar) of the page you are on?

  I’d like to visit it directly to check if I can see the same thing, thanks.

• 

  benrehling · Member · Sep 21, 2020 at 1:35 am

  • Copy link

  Welcome to BUCC!

• 

  kokkieh · Staff · Sep 21, 2020 at 5:18 am

  • Copy link

  So you want only top-level items left-aligned, with sub-items still centered? You can use the following CSS for that:

  /* Make top-level menu items left-aligned in mobile menu */
  ul.mobile-menu.toggled-on li.page_item {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }
  ul.mobile-menu.toggled-on ul.children li.page_item {
    text-align: center;
    padding: initial;
  }

  Go to My Site ->Design ->Customize ->Additional CSS, and paste that in on a new line.

• 

  benrehling · Member · Sep 29, 2020 at 1:16 pm

  • Copy link

  Would there be a way to make the top-level items left-aligned with one lower-level item centered and the sub-items right-aligned?

• 

  staff-blorbo · Staff · Sep 29, 2020 at 6:16 pm

  • Copy link

  No, this would require more structural changes than can be accomplished with CSS alone.