[pete]

My client wants the primary menu justified rather than aligned on the left.

Is there something I can put into Custom CSS to add spacing so they’re not all crammed together on the left?

The website in reference is http://demo.woodlandhillslimousineservice.com/

Thank you

[Mahesh]

Hi @pete-guttenberggmail-com,

Thank you for using Catch Responsive Pro.
Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

.menu.catchresponsive-nav-menu {
    width: 95%;
}
.menu-item {
    width: 20%;
}
.menu-item a {
    text-align: center;
}

Hope this helps you to solve the issue.

Regards,
Mahesh

[pete]

I can’t figure out why this code works on some websites and not on others.

It currently does not work at http://www.campbellfamily101.com/ and I cannot figure out why

[Mahesh]

@pete-guttenberggmail-com: Add the following CSS:

.catchresponsive-nav-menu {
    display: table;
    width: 100%;
}
.catchresponsive-nav-menu > li {
    display: table-cell;
  float: none;
}
.catchresponsive-nav-menu > li > a {
    display: block;
    text-align: center;
}
  
/* Hides Search Button */ 
#search-toggle {
  	display: none;
}

Regards,
Mahesh

[pete]

Great it works! Thank you Mahesh

[Mahesh]

@pete-guttenberggmail-com: I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/catch-responsive/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated.
Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know.

Regards,
Mahesh

[Author]

Posts