Mobile Navigation center and among themselves

[Volkl]

Hi,

how can I put the navigation in the header and in the footer for the mobile version one below the other and in the middle?

Kora

[marc_a]

Hi Kora,

Thanks for reaching out.

Can you give us the link of the website you are currently working so that we can better help you with your concerns. Also providing screenshots would be helpful to determine your concerns right away.

Thank you.

[Volkl]

Hi,
link website: sisonetz.de
Also the widgets don’t have a edge in the mobile version.
Thank you
Kora

[Volkl]

[tristup]

Hi Kora,

First of all the edging issue in the mobile devices is coming as you have set the container width 100%. You can change it from Theme Options > Layout and Design > Set Width.

And on the footer menu, the items are set to the side by side by default, but you can achieve that by adding a small piece of custom CSS code to Theme Option > CSS.

@media  (max-width: 480px) 
{
    #menu-footer li {    
        display:inline !important;
    }
}

You may need to adjust the breakpoints as per your need. You can find the details on the custom media query breakpoints: https://medium.com/@uiuxlab/the-most-used-responsive-breakpoints-in-2017-of-mine-9588e9bd3a8a
And if you are not proficient with the coding, I would suggest you hire a developer who can assist you to do the customization.

The above code will work if copied as it is and doesn’t conflict with any existing code.
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 do not provide support for custom codes that means we can’t fix it in case it conflicts with something in your site nor will we enhance it.

Thanks

[Volkl]

Thanks for help I understand it.

[tristup]

Hi Kora,

Glad that we are able to help you.

Thanks