ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• July 1, 2015 at 11:50 am #190557
  Keremdo

  Member

  Post count: 111

  Hey Guys,

  is it possible to change the size and Font of the Menue in the Topbar? It would be nice if you are able to make it a little bit bigger and so on…

  Thanks,

  -Steve-

  July 1, 2015 at 12:42 pm #190586
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Sure, add this to your custom css:

  #top-bar .tb-text > a, #top-bar nav .menu > li > a {
    font-size: 14px;
  }

  – Kyle

  July 1, 2015 at 2:05 pm #190623
  Keremdo

  Member

  Post count: 111

  Hey Kyle,
  perfect, thanks!

  Could you also provide me a code to change the hover color in the top bar?Somehow the changes do not work when editing on the color customizer…

  Bests,

  -Steve-

  July 1, 2015 at 2:06 pm #190627
  Keremdo

  Member

  Post count: 111

  Hey, already figured it out myself 😉
  thanks

  July 1, 2015 at 2:07 pm #190628
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Glad it’s sorted. Thanks Kyle
  -Rui

  September 20, 2015 at 1:21 pm #214770
  rcarrascope

  Member

  Post count: 13

  Sorry to hijack the thread but I actually have a very similar question.

  I am trying to make the header main menu text smaller than 14px. but only when the screen width size <1024 and <1280 in order to avoid menu links go to the next line. I am using Atelier Header 10.

  I found this css rule assigning currently 14px to the font:

  #main-nav, #header nav, .vertical-menu nav, #header-section.header-9 #main-nav, #overlay-menu nav, #mobile-menu, #one-page-nav li .hover-caption, .mobile-search-form input[type="text"] {
      font-family: "Source Sans Pro";
      font-weight: 400;
      font-style: normal;
      font-size: 14px;
  }

  But when I tryed to change it in the Custom css it is not working. I tryed many options, one of them:

  @media only screen and (min-width:1025px) and (max-width: 1279px) 
  #main-nav, #header nav, .vertical-menu nav, #header-section.header-9 #main-nav, #overlay-menu nav, #mobile-menu, #one-page-nav li .hover-caption, .mobile-search-form input[type="text"]{
    font-size: 11px !important;
  }

  Could you help me?

  Thanks in advance!
  rcarrascope

  September 21, 2015 at 9:10 am #214839
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please provide me specific page url to check and resolve the issue.
  Thanks
  Mohammad

• Back to forum

  Posted in: Atelier