Docs

[Valerie M]

Hello,

I’m working on this website http://redwolfranchart.com/ and I recently added a few more menu items. Since I have the sidebar though even if I make the text smaller, without going too small, the text logo will stack on-top of the menu items. I’m wondering if I can just hide the text logo “red wolf ranch art” after a min screen size or do something else so it doesn’t stack. Do you have any suggestions?

[Nabeel A]

Hi Valerie,

Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

@media screen and (max-width: 600px){
.x-brand {
    font-size: 35px !important;
}
}

@media screen and (max-width: 375px){
.x-brand {
    font-size: 25px !important;
}
}

Let us know how this goes!

[Author]

Posts