This topic has 18 replies, 2 voices, and was last updated 8 years by 
-
-
Good evening, I would like to question.
How do I shrink the menu on mobile devices as attached?
Thank you.
Hi,
I cannot view your site it says fatal error memory allocation, increase your php memory limit
http://seventhqueen.com/blog/code-snippets/increase-php-memory-limit-in-wordpress.html
Let me know when you solve this
Cheers
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThank you for responding and for reporting the error.
Try entering again, problem solved.
Thank you.
You’re welcome
Have a nice week
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
If i visit your site from mobile it look very different beside your attache screenshot.
See attachment
Cheers
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionYou can set small padding with the menu items on mobile
Add this css to wp-admin -> theme options -> general settings -> quick css
COPY CODE@media (max-width: 991px){ #header .navbar-nav li a { padding: 5px 0; } }Cheers
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThank you for answering.
It is not what I wanted. I want to change Main Menu only Height for mobile devices.
Thank you
COPY CODE@media (max-width: 600px){ #header .navbar-nav li a { padding: 5px 0; } }Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThank you for answering.
Even this does not work, what I want is to change the height of the navbar on mobile devices.
Thank you
Hi,
COPY CODE@media(max-width:600px){ #header .navbar { max-height: 80px; } }replace 80px with your desired height
Cheers
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThank you for answering.
I do not understand why it does not work, I just upgraded to the latest Kleo version.
In addition to the reported code
© media (max-width: 990px) {
div # header {
position: fixed;
width: 100%;! important;
display: inline-block;
z-index: 99! important;
height: 100px;
}
div # main {
margin-top: 90px;
}
}
to make the sticky menu on mobile gives me much padding?Before updating the above code written work, not anymore.
How can I make it work?
Thank you.
Hi,
try to paste code from here : http://pastebin.com/DTFvU8fx , div # header {} this should be without spaces around#
Cheers
Let me know
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThank you for answering.
I tried it and it does not work.
It does not work either
© media (max-width: 600px) {
# header {.navbar
max-height: 80px;
}
}
Thank you.
Hi,
Please look in quick css for this
COPY CODE@media (max-width: 990px) div#header { position: fixed; width: 100%; z-index: 99 !important; height: 100px; }Instead of 100px put your desired height/
Cheers
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
You must be logged in to reply to this topic.
