[DFXParticipant]

yeah it made sense thanks.

I did that but when I get the buttons to the size I want them to be it still makes some of the menu Items drop down to the second row. Is there a way to get each button set to a certain size because I dont want the smaller buttons to have as much space as the bigger buttons, making them smaller should also help make more room on the navbar so that the last buttons dont get pushed to the second row?

[ChristopherModerator]

Hi there,

Please add this code:

@media (min-width:641px) and (max-width:670px){
.top-bar-section ul li>a {
    font-size: 0.7125rem;
}
}

Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding.

Hope it helps.

[DFXParticipant]

thanks, I added that code but it didnt seem do anything?

-I understand if youse would rather not go into this matter further with this customization.

Thanks

[ChristopherModerator]

Hi there,

Did you clear cache? it should reduce font size for specific screen sizes.

Hope it helps.

[DFXParticipant]

I didn’t have a cache installed, but now installed one and tried clearing it but I still did not notice any changes before and after re-entering the CSS code

[RupokMember]

Hi there,

You should not install caching plugin to remove cache; it could be your browsers cache that was meant. However it would be better if you attach a screenshot clarifying your issue to avoid confusion because the longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions.

[Author]

Posts