Hi, I have just bought the theme and am trying to style the menus for my site. I am struggling to get the mobile menu to work. I don't want a sticky mobile menu.

When I try to resize the logo for JUST the mobile menu I cannot find a CSS element name to set size against.

When I click on the mobile menu (the font is too large and the menu items do not display correctly).

I have added the following CSS in the Archi Styling section, to set up my main menu and the sticky menu:

/* This sets the height of the main menu to show the logo as I want it */
.de_header_2 {
height: 180px !important;
}
/* This reduces the header area to show the sticky logo well */
.de_header_2.clone.smaller {
height: 120px !important;
}
/* This sets the height of the main menu logo */
.logo-static {
    max-height:140px!important;
/* This sets the height of the sticky menu logo */    
}
.logo-scroll{
    max-height:92px!important;
}
/* This sets the main menu padding to set space above the logo to 10px */
.col-md-12 {
    padding-top:10px!important;
}
/* This aligns the main menu text with the middle of the logo */
#mainmenu{
 margin-top:20px!important;   
}
/* This resizes the sticky logo when below 10px */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
  .logo-static {
    max-height:92px!important;
}
}

You can see this all on my dev site if you resize the browser (dev.goldandgrey.uk)

Can you help me to:

1. Control the size of the mobile menu logo

2. Set the font size of the mobile menu

3. Position the menu on the right, under the menu box

Thanks,

Simon

Thank you for the reply, but sadly it doesn't address my issues...Let me explain what these are:

1. I need to justify the menu items on the other side of the screen from my logo - so I want my menu items to drop down and appear on the right of the mobile screen. This way they avoid clashing with the logo.

2. The mobile menu items disappear behind the revolution slider and they are not visible to the user. I need them to be visible for selection.

3. I would like to menu items not to overwrite the slider but to push the slider down while the mobile menu appears and then when it disappears the slider to display back at the top again.

These are my issues that I need your help with ( I now have control over the logo size)

Many thanks

S