Menu font and size

12 posts from 3 voices

• Started 5 months ago by O5
• Latest reply from Nick
• This topic is not a support question

Tags:

No tags yet.

1. 

   O5
   Member

   Hi

   How do you change menu font and size?

   Thx

   Posted 5 months ago #
2. 

   O5
   Member

   Also, can menu be placed below logo?

   Thx again

   Posted 5 months ago #
3. 

   O5
   Member

   Hello,

   I'm noticing the menu is in bold, is there a way to modify so menu is similar to drop down menu font or normal? Also trying to center menu, I've already centered logo.

   Thx

   Posted 5 months ago #
4. 

   Ismael
   Moderator

   Hi,

   To change the menu font and size, place this on your custom.css.

   .main_menu ul:first-child > li > a {
   font-weight: normal;
   font-size: 15px;
   font-family: Arial;
   }

   To place the logo below the menu try this, I'm not sure what kind of positioning you want but this can get you started

   .logo, .logo a {
   float: right;
   padding: 40px 0 25px 0;
   }
   
   .main_menu {
   float: right;
   clear: none;
   position: absolute;
   z-index: 100;
   padding: 0;
   line-height: 30px;
   height: 15px;
   margin: 50px;
   right: 0;
   top: -30px;
   }

   Regards,
   Ismael

   Posted 5 months ago #
5. 

   O5
   Member

   Hello,

   This is working. Also, how do you remove top slider? Is it possible to center sub menu too?

   Thx

   Posted 5 months ago #
6. 

   O5
   Member

   I'm noticing menu moves right when you view in landscape mode on iPad.

   Posted 5 months ago #
7. 

   O5
   Member

   Hi,

   I've fixed the right movement but still would like to know how do you remove top slider? Is it possible to center sub menu too?
   Thx

   Posted 5 months ago #
8. 

   Nick
   Moderator

   Hi,

   How did you insert the top slider? There are multiple ways of going about it (4 in total). I would first look on the page that has the slider, see what custom template it uses, and then look inside the template to remove the slider. You can also go look on the page directly and see if the page with a slider has a slider on that page. If it does, click the Delete/Remove button next to the slider image.

   Thanks,

   Nick

   Posted 5 months ago #
9. 

   O5
   Member

   Hi,

   I'm sorry, I think I was using wrong description, since I've moved the menu, the menu bar follow doesn't adjust correct, so I'd like to remove. I'm speaking of the bar that at the top that follows which menu button you select. Is this possible?

   Thx

   Posted 5 months ago #
10. 

    Nick
    Moderator

    Hi,

    We would please need to see the page you are describing since you said you moved things around on the page.

    Thanks,

    Nick

    Posted 5 months ago #
11. 

    O5
    Member

    Hi,

    I've found workaround. Although is it possible to change color of menu glide?

    Thx

    Posted 5 months ago #
12. 

    Nick
    Moderator

    Hi,

    Sure. The code below controls the text color and the background color of the 2nd level
    

    main_color .main_menu .menu ul li a {
    background-color: white;
    color: black;
    }

    and this code below controls the menu text color and background during the hover (mouse over)
    

    .main_color .main_menu .menu ul li a:hover {
    background-color: black;
    color: white;
    }

    Thanks,

    Nick

    Posted 5 months ago #

RSS feed for this topic

Reply

You must log in to post.