[AliE]

Hi, again. I checked the CSS rules. I DID find the problem, I bypassed the CSS rule and the “under 640” menu works as it should by pushing the page content down. So I am very happy about that 😉 I was wondering if you would be able to help me understand WHY the problem occurred. As stated before, I have styled a menu toggle button and the simple menu, all worked fine on large display but on small displays the menu did not push page content. The problem CSS was with the style I applied to the menu toggle “div”. All I was trying to achieve was, a colour background to the toggle button and a positioning effect. I have pasted the problem CSS below. As I said before, I am happy enough with the new effect and even the lack of colour for my toggle button SO I’m not pushing a problem, but it would be nice to understand why it happened so that I may look at a colour background again for my current website or in future projects.

#menubt {
height: 30px;
width: 800px;
margin-top: 40px;
background-color: rgba(255,244,255,1);
}

Many thanks again admin for your very quick responses to posts and for your great advice, and again thanks for a good menu !!!!

[AliE]

Thanks for the reply. Unfortunately my website is not live yet and is only “LOCAL”, I would obviously like it fixed before it goes live BUT I do understand that it’s hard/impossible for you to GUESS the problem. I will post a link as soon as I can. If in the meantime you would have any suggestions for possible areas I should be looking at then please say 😉 Thanks again.

[AliE]

Hi,

I was reading the above post in relation to a problem I am having with the menu display on less than 640px. The problem I have is similar but not the same. I have a “menu toggle button” set up and working, I am also using the “simple” menu. On full display the menu works great and sub-menus sit on top of content as normal when expanded. On 640 and less, my “menu toggle” works but when I click to expand the menu, the menu sits UNDER my html. Subsequently, sub-menus also have the same effect, there seems to be no push on the content after my menu and sub-menus expand.

admin …. please can you help with any suggestions.

[AliE]

Thanks very much for the advice. I guess that using a background image is the only way of using a self created image. Background isn’t good though ;)) I’m sure I can find a good unicode symbol to use 😉 Thanks for taking the time to reply to my query

[AliE]

Amendment to the previous post …. is there a way of adding an image or the more widely used “symbol of lines” ( like facebook app uses) after the word “Menu”

[AliE]

I have successfully added the menu toggle button for my website and I’m able to change the style of the “Menu +” or “Menu -“, is there any way of adding an image after the word “Menu” so that I can replace the “+” and “-” characters ?

[AliE]

Ahhhh …. thanks a lot. Too much going on in my head !! I never thought about hover status on a mobile ;( Of course you are right, and thanks very much for the advice.

[AliE]

Hi,

Firstly ….. really like the menu !!

I’ve incorporated the “Simple” menu into my website. I wanted to change background and text colours and I used the notes posted here with some success. I managed to change Background and Text colours for the normal state menus and also for the hover state, however I am having more trouble changing the colours for the reduced size menus (responsive). I checked the rules posted above concerned with colour declarations, I have changed responsive normal state text colour but I really cant see why my background and hover states haven’t changed. Could you shed some light on this for me please ?

Thanks.

[Author]

Posts