Mobile sidebars and menu

[Lifevise]

Hi, I have two questions about mobile.

1. How do I disable the sidebars on mobile (phone, not tablet) screens?
2. The sticky main menu is not sticky on mobile. I’m using the side menu on mobile now but how do I make this sticky?

Thank you.

[Laura]

Hello, for 1. can you share a link of your website?
2. There is nosticky menu on mobile

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Lifevise]

1. lifevise.com
2. Is there a special reason for that? Can it be done safely by adding some code?

And two follow up questions about the (mobile) side menu:
3. How do I make the font size bigger?
4. Can I add the search option in the side menu? (like in the main nav menu)

Thanks.

[Laura]

Hello,
1. This css should work, dd it to style.css of child theme
Disable footer:

COPY CODE

@media (max-width: 991px) {
div#footer {
    display: none;
}
}

Disable sidebar:

COPY CODE

@media (max-width: 991px) {
.sidebar {
    display: none;
}
}

2. Yes, its better for the performace of the site and the user experience
3. What font? Could you specify?
4. Right now is only avaible in menu or sidebar

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Lifevise]

Thank you Laura!

I disabled the sidebar. I was talking about the font of the menu navs in the sidemenu. I fixed it by changing the font size for main menu. Is there a way to change only the font size of the side menu and not the main menu?

[Lifevise]

Like in the demo there’s a difference between the font size of the main nav menu and the side menu.(screenshot)

[Lifevise]

And how do I adjust the padding in groups? the text is now far too close to the borders.
See screenshot.

Many thanks in advance 🙂

[Laura]

Hello, i will need an user to see that, can you share one ? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Lifevise]

an user? Here’s one:
http://lifevise.com/members/melvin/

A group:
http://lifevise.com/groups/wechoose-to-wake-up-more-early/

Also the question about the font size (above screenshot) in side menu (asked 5 days ago) is also still unanswered.

[Laura]

Hello, for the groups, please try adding this to style.css of child theme

COPY CODE

body.single-item.groups #buddypress #item-header #item-meta p {
    width: 60%;
    text-align: center;
    margin-left: 20%;
}

For the font, i didnt see any side menu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Lifevise]

Thank you for the code. A great improvement. 🙂

The side menu is only visible on mobile devices.
I added 2 screenshots. The first one is the KLEO demo the 2nd is ours. Obviously I want the font of side menu to be bigger just like the demo. Without it affecting the main nav menu. (in the screenshot it appears even bigger than on mobile phone) also that ” + ” to collapse child items is so small!

[Laura]

Hello 🙂 please try with this css in style.css
Font size

COPY CODE

ul#menu-mobile-menu {
    font-size: 18px;
}

Bigger expand area to click

COPY CODE

.widget_nav_menu .parent>a .caret:after {
    width: 120px;
    padding-left: 90px;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Lifevise]

Yes that’s it. Thank you for all your help Laura! 🙂

[Laura]

Hello, it was a pleasure 🙂 Please dont forget to rate us on themeforest nd/or give us a nice comment 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts