Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #852375

    Darren G
    Participant

    Hi,

    I have tried various CSS mentioned in various posts, but nothing seems to work.

    Can anyone help – all I am trying to do is increase the font size of the sub menu, used in the Renew Stack.

    Thanks

    #852526

    Darshana
    Moderator

    Hi there,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #852880

    Darren G
    Participant
    #853073

    Rue Nel
    Moderator

    hello There,

    Thanks for providing the url. To increase the font size of the sub menu items, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .desktop .sub-menu li a {
        font-size: 16px;
    }

    Feel free to change the font size to match your site’s needs. Hope this helps.

    #853302

    Darren G
    Participant

    Hi,

    Thanks for the reply I have added that in the custom CSS section and nothing appears to have changed?

    What code would I need to change the font as well?

    Thanks

    #853317

    Rue Nel
    Moderator

    Hello There,

    The code is not working because you have inserted an invalid code. Please correct it by using this code:

    @media ( max-width:1200px ){
      .x-brand img{
        width:100% !important;
      }
    }
    
    .desktop .sub-menu li a{
      font-size:20px;
      font-family: Helvetica Neue, Arial, serif;
    }

    Hope this helps.

    #853642

    Darren G
    Participant

    That’s brilliant – thank you.

    #853792

    Rue Nel
    Moderator

    You’re welcome!
    We’re glad we were able to help you out.

    #864482

    Darren G
    Participant

    Can I just ask – how i would replicate the sub menu styling across all pages – the solution above only works on the homepage?

    Thanks

    #864764

    Rupok
    Member

    Hi there,

    Thanks for updating. The code is not only for home page and should work on all pages if you add under Appearance > Customize > Custom > CSS. Maybe you are using this on Cornerstone Page Level CSS?

    I’d like to check but it seems your website is under construction. Please take it off or provide us the credentials in private reply so that we can check and assist you on this.

    Cheers!

    #864945

    Darren G
    Participant

    Hi Rupok,

    That was exactly the problem – it was applied to the page and not the Cornerstone level CSS.

    Great support again – thank you

    #865401

    Paul R
    Moderator

    You’re welcome! 🙂