Centering menu items

[zenzino]

Hi John,

I’ve just started using the plugin and I really like it so far.

I am doing a demo menu at: http://dailydosegrill.zenzino.design/breakfast/

Everything is working the way I need except when I’m trying to center the menu (see bottom section). I am using Cornerstone page builder and I can use a specific ID, Class, or inline Style for that section. I tried ‘text-align: center !important;’ and ‘margin: 0px auto !important; but neither are working to get the title and price centered. I’m using simple list with the price next to the title.

Screenshot
https://www.dropbox.com/s/nfay47u5zd40tiy/Screenshot%202017-08-31%2011.12.04.png?dl=0

Any help you can give would be greatly appreciated.

Thanks

[J. Davis]

Hi,

You can try adding the style bellow to resolve your request:

.mprm-flex-container-simple-view {
    display: inline-block !important;
}

Best regards,
John

[zenzino]

Hi John,

Thank you so much for your response.

The unintended consequence of the code is that it puts the price below the menu, even on the uncentered parts. Is there a way to get the price on the same line as the title?

Thanks again for your help.

[J. Davis]

Hi,

I need to check your theme styles to advise you proper style. Could you submit a request providing access to your WordPress? Thank you.

Best regards,
John

[zenzino]

Request submitted.

Thanks

[J. Davis]

Hi Don,

Thank you for provided information. I’ve added ID of that section to apply style for it only and indicated the following value justify-content:center;

#x-section-3 .mprm-flex-container-simple-view{
    justify-content:center;
}
<br>

best regards,
John

[zenzino]

Thank you very much for your time in helping me with this.

You rock!

[Author]

Posts