Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #913501
    Valerie M
    Participant

    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?

    #913820
    Nabeel A
    Moderator

    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!

  • <script> jQuery(function($){ $("#no-reply-913501 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>