Docs

[Bertuz87]

Hello guys,

I want to change the size of my navbar mobile button. In Mobile view the button will not fit correctly in the navbar. I changed the size but the three stripes will not center in the button.

So I can change the size but the three stripes wil not go in the same direction.

Who can help me?

[Paul R]

Hi,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Bertuz87]

I’m sorry;)

http://bert.mayday-zzp.nl/henkawitgoed/

maybe you can help me with another problem that the block grid on the home is not responsive…

[Paul R]

Hi,

Thanks you for providing your site url.

1. To fix your mobile button, you can add this under Custom > CSS in the Customizer.

body .x-btn-navbar i.x-icon-bars {
    margin:0 auto;
}

body .x-navbar .x-btn-navbar {
    font-size: 20px;
    padding: 10px;
    margin-top: 35px;
}

You may change font size and padding to adjust the size.

2. With regards to your block grid, I tried it and it seems to be responsive. Can you provide us a screenshot on how it looks in your end.

Thanks

[Bertuz87]

THanks for the code. It works!

In my end i see this:

[Paul R]

Hi,

To fix it, you can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 480px) {
.home .x-feature-list .x-feature-box {
    max-width: 100% !important;
}
}

Hope that helps.

[Bertuz87]

Great! Thank you, is there a possibility that the grid stay on 1 line. Now the grids are among each other. I want them next to each other.

[Joao]

Hi There,

Would you mind providing more details about the issue and if possible a screenshot .

Thanks

Joao

[Author]

Posts