I'm concerned that the 'burger' menu is too small and not that noticeable on the desktop version. There is the word Menu there, but it's not actually clickable.

I'm trying to think of some ways to improve this. Here are some ideas:

1. increase the size
2. make the word menu clickable
3. add an overlay behind the text / burger so that it is more visible on lighter coloured backgrounds
4. replace with a different menu

Are these options possible? Can you think of any other alternatives?

Thanks,

Nick

Thanks for the code. 

I had already checked the 'Enable Fullscreen menu on desktop' box. Is that what you mean?  

It looks like I'm still getting the burger in both desktops and mobiles though? I've attached a couple of screenshots for the desktop and mobile versions. Am I doing something wrong?  

Thanks,

Nick

thanks. that does the trick. 

Would you mind sending me the code to put the background behind the classic menu and also the All Projects button?

I'd also like to increase the font size for the classic menu and all projects button. Is there code to make those adjustments too?

great. Thanks very much. 

I think my final question is whether you can move the flashing test that says 'scroll down'. I'm not sure that it's that noticeable where it is so would like to try putting it under the title on each of the portfolio pages. 

Hi,

I've tried doing that but it doesn't seem to have the desired effect. I'd like to move it as shown in this screenshot. Is that possible?

please ignore this post. I can't see how to delete it!

Thanks for all of your help! I've added the code for the borders at the bottom of this post. I still need to fine-tune the colour of the backgrounds and opacity... 

This has led to a couple of other questions - sorry... 

1. Now that the Projects are listed in the Classic Menu, I don't think I need the All Projects button. Is there a way to remove it? 
2. You'll see from the attached screenshot that the menu items aren't centred in the border. Is there a way to correct this?

@media (min-width: 1025px){

     .flexnav li a {
          font-size: 15px;

      }
}

@media (min-width: 1025px){
     .flexnav li ul li a {
          font-size: 14px;

     }

}

.header-middle .button-text span {
    font-size: 15px;
}

.button-wrap.left.quickmenu {
    background: #444444; opacity: 0.6; border-radius: 20px;height: 50px;
}

@media (min-width: 1025px){

    .classic-menu nav {
         background-color:  #444444!important; opacity: 0.6; border-radius: 20px;height: 50px; 
     }

}

Thanks. That's got rid of the "All Projects' Menu. 

I managed to solve the 2nd point with the following code. Does that look like the best approach? I can't share the site with you at the moment because it's not online - there's an issue with my hosting package so I'm running it locally.

@media (min-width: 1025px){

    .classic-menu nav {
background-color:  #103543!important;
opacity: 0.7;
border-radius: 15px;
height: 30px;
padding-bottom: 25px;
padding-right: 30px;
top:20px;
     }

}