Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi April,

    First of all thanks for downloading, using and your kind comments and review, they are all very much appreciated!

    You could create a target for the button in your themes style.css file, something like the below to target it below 490px:

    @media only screen and ( min-width : 0px ) and ( max-width : 490px ) { 
    
         #click-menu
         {
               // CSS Code to change
         }
    
         #click-menu .threeLines .line
         {
              display: none !important;
         }
    
    }

    The above should hide the lines, just leaving the text and you can put different values for the top, left, right and bottom values where I have put the comments to place it where you would like it at this point.

    Please let me know if the above works for you and if not please provide your site URL so I can take a look at it further for.

    Many thanks

    Peter

    Thread Starter april

    (@aprilmaynard)

    Hi Peter,

    That didn’t solve the issue for me, but it might work for another user. I suspect the issue is probably to do with something I’ve changed, and I’m sure I’ll get it figured out. Thank you for your help, either way!

    Hi April,

    What did you put instead of // CSS Code to change in my example above?

    As I said, please provide the URL and I will take a look at what exactly you need to change.

    Many thanks

    Peter

    Thread Starter april

    (@aprilmaynard)

    I’ll PM you 🙂

    Hi April,

    Thanks for your email and no need to sound embarassed, thats why Im here to help with CSS/JS/PHP etc. questions in regards the plug-in.

    I will reply here, just so that it can potentially help other users in the future who may be having the same problem.

    It appears that you didn’t replace the comments I gave you with any actual CSS. I have just looked at your site and the following makes the menu drop down below the logo and removes the lines.

    @media only screen and ( min-width : 0px ) and ( max-width : 490px ) { 
    
         #click-menu
         {
               top: 80px !important;
         }
    
         #click-menu .threeLines .line
         {
              display: none !important;
         }
    
    }

    If you would like text to display instead, you will need to set the text from the admin area as you don’t currently have any text setup and then we can work on this part once done.

    Please let me know how the above displays for you, you can replace what you already have in there.

    Also, thanks very much for your kind words about me, the plug-in and the website, they are all very much appreciated!

    Many thanks

    Peter

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Menu overlapping logo’ is closed to new replies.