[Michaela]

Hi Sakin,

could you please help me with the following two questions about the secondary menu?:
1. How do I change the padding inbetween the menu items (I would like a bigger space between Home-Destinations-Equipment-etc.)

2. When I go to “Equipment”, and then “Camping Gear”, and then “Stove”, I would like that the “Equipment” button in the secondary menu always stays marked (in my case white background, black font) when I’m in that category. How to do this?

This is my website: http://www.travelintense.com [please remove the link once you have replied].

Thanks a lot and regards,
Michaela

[Sakin]

Hi Michaela,

1. You can increase the padding left and right as per your need but you need to careful with small screensize. Here is the following css that will be good for your large screensize, you can add it in “Appearance => Theme Options => Custom CSS” box.

@media screen and (min-width: 1153px) {
#secondary-menu ul.menu a {
    padding-left: 35px;
    padding-right: 35px;
}
}

2. You can add the following css in “Appearance => Theme Options => Custom CSS” box.

#secondary-menu ul.menu .current_page_item a {
    background-color: #fff;
    color: #000;
}

Regards,
Sakin

[Michaela]

Hi Sakin,

thanks for the padding tip, it works on large screens at least (small ones don’t react).
However, the second tip doesn’t work. I would like to be on the following page for example: http://travelintense.com/equipment/camping-gear/stove/. And then the “Equipment” word in the navigation bar above should be highlighted in white (black font). Any other ideas how to achieve this?

Thank you very much!

[Sakin]

@Michaela: For menu, you can add the following css in “Appearance => Theme Options => Custom CSS” box.

#secondary-menu ul.menu .current-page-ancestor a {
    background-color: #fff;
    color: #000;
}

[Michaela]

That was it! Thank you so much!

[Author]

Posts