Home>Support>Mobile Nav Menu Center Only

Mobile Nav Menu Center Only

Hello :)

I am wondering if anyone has the CSS to center the menu name and icon on MOBILE ONLY. So, to clarify, the main menu in the Vantage theme would be on the right or left, but the mobile menu and icon would always be centered. It just seems to always look a bit goofy not being centered… Thanks!

This is a free community support forum. Replies are not guaranteed. If you need professional email support, please purchase a SiteOrigin Premium license.

  1. 1 year, 3 months ago Alex S Hi, I Work Here

    Hi Specialk2e2,

    Sorry for the delay.

    It looks like you managed to work out how to do this. Is this the case? If not, let me know and we’ll jump right in.

    By the way, as you’re a premium user, you’re entitled to priority email support. If you would like to make use of that, please follow the instructions found on your Page: Dashboard (please refer to the support tab). Please reference this thread and include your SiteOrigin order key in the email.

  2. 1 year, 3 months ago specialk2e2

    Hi Alex,

    I know I am able to get custom support, but in the case of this website I am helping out a friend and using the "free" theme so I don't see a point in blocking up your premium support portal. When it is truly time sensitive I will be sure to use the premium!

    I *did not* figure out how to only center the mobile nav menu and icon.
    What I did on the site was to center the menu on the desktop/laptop view which also centers on the mobile. If you have the code to center the nav only, I would still like to have that. I'm keeping a file for all the
    SiteOrigin custom fixes so I will have to bother you blokes less and less.

    Now, I'm going to add another question, because it has been driving me nuts all morning, but if you can't answer it here that is fine. Do you happen to know how to change the* Panel Title* in the Livemesh Accordion widget?
    I did custom css to change the hover colors, used the editor to change the drop down content color and some custom css to change the widget title but
    I CAN NOT figure out how to change the Panel Title to save my life!

  3. 1 year, 3 months ago Alex S Hi, I Work Here

    Hi Specialk2e2,

    Sorry for the delay.

    Please add the following CSS to WP AdminAppearaneCustom CSS:

    .main-navigation #mobile-nav-item-wrap-1.menu {
    	text-align: center;

    That’ll center just the mobile menu.
    You might also need to install the SiteOrigin CSS Editor.

    As for the Livemesh Accordion Panel title, try the following selector: .lsow-accordion.style2 .lsow-panel .lsow-panel-title

  4. 1 year, 3 months ago specialk2e2

    Hey Alex,

    Good to hear from you! Thanks! I will give it a go in the morning. Have a nice night!

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More