Mobile layout view issue

One more request please let me know how to enable sticky header in mobile

Hi @vimalwplogin,

I am sorry for the balated respond.

Here is the CSS code for both requests, that you can add to your site’s Additional CSS.

html, 
body {
  overflow-x: hidden;
}

@media only screen and (max-width: 1024px) {
  .site-header.fixed {
    position: fixed !important;
  }
}

Hope that helps.

Regards,
Kharis

Thank you Kharis it worked.

But in the sticky menu mobile layout the first section starts under the menu. So i made the menu transparent but wish to have the first section to start just below the menu.

Regards
Vimal J

Hi Vimal,

Thank you for getting back.

As checked, header area overlays top part of the page. And it doesn’t seem to happen on front page. The solution for this, try adding this CSS code to your site’s Additional CSS.

@media only screen and (max-width: 1024px) {
  body:not(.home) .header-clone {
    display: block;
  }
}

Hope that helps.

Regards,
Kharis

Hi Kharis,

I tried this code, it creates gap on top of the header in rest of the page in mobile view.

Attached the snippet https://vrkdigisolutions.byethost24.com/digital-marketing/

Screen shot link
https://prnt.sc/1r4kzas

Hi,

Thank you for getting back.

Try adding this CSS code to replace that previous code:

@media only screen and (max-width: 1024px) {
  body:not(.home) .header-clone {
    display: block;
  }  
  body:not(.home) .page-wrap {
    padding-top: 0;
  }  
}

Regards,
Kharis

Thanks Kharis it worked.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis