Main Menu Font and Size

4 posts from 3 voices

• Started 9 months ago by carafry
• Latest reply from Devin
• This topic is not a support question

Tags:

• flagship
• menu

1. 

   carafry
   Member

   How do I change the main menu font size and color and will doing so effect the scaled versions?

   Posted 9 months ago #
2. 

   Ismael
   Moderator

   Hi,

   By scaled versions, you mean when viewing via iPhone, ipad etc?

   You can do that by adding this on your custom.css

   #header_background, #header .container a {
   color: white;
   font-size: 16px;
   }

   To include mobile devices such as iphone you can add this.

   /* iPhone 4 ----------- */
   @media
   only screen and (-webkit-min-device-pixel-ratio : 1.5),
   only screen and (min-device-pixel-ratio : 1.5) {
   #header_background, #header .container a {
   color: white;
   font-size: 11px;
   }
   }

   Try to adjust the values as you fit.

   Regards,
   Ismael

   Posted 9 months ago #
3. 

   carafry
   Member

   Additionally, I noticed that all heading styles within the column shortcodes format exactly the same, which is entirely too small. Where do I change this?

   The same goes for the text label for a page divider.

   Posted 9 months ago #
4. 

   Devin
   Moderator

   Hi carafry,

   Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
   

   .flex_column h3 {
   font-size: 13px;
   }
   .hr_content {
   font-size: 10px;
   padding: 2px 4px;
   line-height: 18px;
   }

   then customize as you'd like.

   Regards,

   Devin

   Posted 9 months ago #

RSS feed for this topic

Reply

You must log in to post.