Docs

[getonlineph]

Hi, I would like to ask how to make the header sticky at the top on all screen size including mobile.

thanks

[getonlineph]

I have tried this css

@media (max-width: 979px){
.x-navbar-fixed-top {
position: fixed !important;
}
}

but because I have a rev slider, the slider was cover up by the header

[Christopher]

Hi there,

Please add the following code in Customize -> Custom -> CSS :

@media (max-width:979px){
.x-navbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}
.x-slider-container.below {
    margin-top: 216px;
}
}

Hope it helps.

[getonlineph]

hi thanks for the reply.

I applied this css here http://backinmotionmedprod.com/ I put margin-top: 89px.

it work great on chrome. but in firefox and safari, the slider is covered by the header.

please help

[getonlineph]

never mind about my last reply 🙂 its fine now

[getonlineph]

I noticed that on mobile, when I click a menu with sub menu. I cannot scroll down the menu. any solution on this?

thanks

[Christopher]

Hi there,

Before we continue, we need you to update X and bundled plugins, install Cornerstone from X Addons -> Extensions and disable X shortcodes plugin.

Thanks.

[getonlineph]

Hi, actually I don’t want to use Cornerstone because I’m used to use the VC and the current X version I have.

any solution without a need to update X ?

thanks

[Rupok]

Hi there,

You need to install Cornerstone and deactivate X Shortcode as the functionality of X Shortcode has been replaced by Cornerstone and it’s required to run X smoothly. You can still use Visual Composer or other editor to build your pages. And also we recommend to keep update X always.

Thanks

[Author]

Posts