Docs

[addictivebehaviourco]

Hi

I actually have 3 things I am struggling to resolve regarding the mobile view.

1) The navbar looks really strange in mobile view. I have a fixed left navbar on my site which looks great. But when it’s in device or mobile view the navbar is fully extended whether I click on the menu button or not. I just have a huge blank space between my header logo and the beginning of the blog. I would like this to be collapsed like it is in Fixed top or Static Top view. I have attached a few screenshots to show how it looks and how I would like it to look.

2) I would like the Post Carousel to only appear on desktop view too. How do I get it to be hidden on mobile and devices?

3) I would like the sidebar to only appear on desktop view too. How do i get that to be hidden on mobile and devices?

Any help on these is much appreciated.

Thanks
Neil

[addictivebehaviourco]

URL: http://www.addictivebehaviour.co.uk
Using Child Theme X on Version 1
Wordpress version 4.7.2

[Christian]

Hey there,

Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[addictivebehaviourco]

Sorry, are you saying that my navbar is supposed to look like that in mobile view? This does’t look right to me. It’s supposed to be collapsible no?

I appreciate what you’re saying regarding custom development but this looks like an issue as the header space doesn’t change when the menu is deselected.

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

@media (max-width: 979px) {
.x-navbar-fixed-left .x-brand, .x-navbar-fixed-right .x-brand {
    float: none;
}

.x-btn-navbar, .x-btn-navbar.collapsed, .masthead-inline .x-btn-navbar {
    margin-left: 50%;
    font-size: 25px;
    margin-top: 5%;
}
}

Hope it helps

Joao

[addictivebehaviourco]

Thanks for this. Unfortunately this hasn’t affected the space under my logo, the navbar background. It’s pushed the nav button down and therefore the menu with it but now the menu just hangs over the black background space a little.

I don’t understand why the navbar background is huge and not collapsing?

Any other suggestions? Would you be willing to take a look if I provide login details?

[Jade]

Hi there,

Please try to add this code:

@media (max-width: 979px) {

    .x-navbar-fixed-left .x-navbar-inner, 
    .x-navbar-fixed-right .x-navbar-inner {
        height: auto;
    }

}

Hope this helps.

[addictivebehaviourco]

Thankyou! That works perfectly. Thanks a lot.

[Rad]

You’re so much welcome!

[Author]

Posts