Shrink menu

[RafVin]

Good evening, I would like to question.

How do I shrink the menu on mobile devices as attached?

Thank you.

[RafVin]

This is the attachment.

Attachments:

You must be logged in to view attached files.

[Radu]

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 solution

What support service includes ? What not ?

[RafVin]

Thank you for responding and for reporting the error.

Try entering again, problem solved.

Thank you.

[Radu]

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 solution

What support service includes ? What not ?

[RafVin]

Thank you for answering.

For the menu how do I fix

Thank you.

[Radu]

Hi,

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 solution

What support service includes ? What not ?

Attachments:

You must be logged in to view attached files.

[RafVin]

You know, I wanted to know how to shrink the menu on mobile devices.

Thank you.

[Radu]

You 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 solution

What support service includes ? What not ?

[RafVin]

Thank you for answering.

It is not what I wanted. I want to change Main Menu only Height for mobile devices.

Thank you

[Radu]

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 solution

What support service includes ? What not ?

[RafVin]

Thank you for answering.

Even this does not work, what I want is to change the height of the navbar on mobile devices.

Thank you

[Radu]

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 solution

What support service includes ? What not ?

[RafVin]

Thank 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.

[Radu]

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 solution

What support service includes ? What not ?

[RafVin]

Thank 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.

[Radu]

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

What support service includes ? What not ?

[RafVin]

Thank you for answering.

Still not working.
How can I do?

Thank you.

[Radu]

This reply has been set as private.

[Author]

Posts