Menu Style Position and Highlight Color Menu

Hello Expert,

I tried to do the following things -

  1. How to align the Site Menu to the center. If i use menu style inline, menu position is on the right but i want it on the center not on the right, i don’t want use logo and website title Menu Style Inline

but if i use menu style center there is some space how to resize it Menu Style Center some space

  1. How to add highlight color to the menu, example if I click gallery page the highlight color is on. Highlight Menu

Your help in this regard is highly appreciated. Thank you very much.

regards

Hello @runs,

It looks like you have tried to include some screenshots, but unfortunately they are unavailable. So can you please try to upload screenshots once again?

You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online services (Google Drive, Dropbox, etc.).

Kind Regards, Roman.

hi roman sorry for the broken screenshots

  1. How to align the Site Menu to the center. If i use menu style inline, menu position is on the right but i want it on the center not on the right, i don’t want use logo and website title https://goo.gl/photos/Kfo7fKUQ4rzDSLNL9

but if i use menu style center there is some space how to resize it https://goo.gl/photos/tp4kZZbmDbVmhu9Y9

  1. How to add highlight color to the menu, example if I click gallery page the highlight color is on. Highlight Menu https://goo.gl/photos/xB1PbJmERtUot6WQA

  2. how to resize some space in widget sidebar (post page) https://goo.gl/photos/kKRTNiU2AhBby7Fj7

regards

Hello @runs,

  1. Please select Menu Style Centered and provide a link to your website.

  2. I’m not sure what exactly you want to achieve, please create a new topic with more details in order to make it easier to help you.

  3. Please try to use the following CSS code.

You can add CSS code in Dashboard → Appearance → Customize → Additional CSS (WordPress 4.7 and up).

#secondary.widget-area .widget {
    padding-top: 20px;
}

#secondary.widget-area .widget:first-child {
    padding-top: 0;
}

Kind Regards, Roman.

hi Roman

Thank you sooooooooooo much! It works perfectly.
For menu style center, I can solve it, I just add css to hidden the image

Great, you are welcome @runs! And have a nice day :slight_smile:

Kind Regards, Roman.