Mobile submenu links

[calicott]

Hello,

On mobile view only, how do I take off the white borders around the submenu options and the red borders off of the items from the dropdown of Ministries?
I’m also trying to center the items in the Ministries drop-down.

I tried using the inspector, but I still don’t know what I should be targeting to customize the css.

Thanks

[tristup]

Hi Darien,

To remove the border from the menu only in mobile, you need to add the following custom CSS code into the Theme Options > CSS.

@media  (max-width: 480px) 
{      
    .x-navbar .mobile .x-nav li>a 
    {
        border:none;
    }
    .x-navbar .mobile .x-nav>li.x-menu-item-search>a
    {
        border:none;
    }
}

Please remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks