Announcement

Announcement Module
Collapse
No announcement yet.

Layout problem

Page Title Module
Move Remove Collapse
X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • Layout problem

    Hi there, in your demo, the header bar pushes down the entire page when it's opened/closed, including the demo's regular header area and menu. However, I have tried various settings, and can't get it to work correctly. The header bar covers the site header and just pushes down the content. It looks really weird. Can you please let me know how to fix this? It is set up here: http://www.firstrepubliccapital.com/test1/

    Thank you.

  • #2
    It working fine but we found theme header has fixed position at the top

    HTML Code:
    <header class="header_main_wrapper header_noncompact" data-position="fixed" style="position: fixed; top: 0px;">
    causing not pushing entire page content downward. Please change your theme header CSS to something like position == relative, this fix the issue.
    Best Regards,

    Jabin Kadel
    Founder & CEO
    WpSmartApps.com

    Comment


    • #3
      Originally posted by Jabin Kadel View Post
      It working fine but we found theme header has fixed position at the top

      HTML Code:
      <header class="header_main_wrapper header_noncompact" data-position="fixed" style="position: fixed; top: 0px;">
      causing not pushing entire page content downward. Please change your theme header CSS to something like position == relative, this fix the issue.
      I tried that, however, it did not fix the issue. If you view the site now, you can see that the header is no longer fixed and the page is still not being pushed down. Thank you.
      Click image for larger version

Name:	screenshot.jpg
Views:	1
Size:	14.0 KB
ID:	41

      Comment


      • #4
        Any update on this?

        Comment


        • #5
          Can you please try using below code. Just edit your header bar and add below custom CSS code.

          HTML Code:
          .megawpheaderbar {
              position: inherit!important;
          }
          Best Regards,

          Jabin Kadel
          Founder & CEO
          WpSmartApps.com

          Comment


          • #6
            Yes, that seems to have worked, thank you.

            Originally posted by Jabin Kadel View Post
            Can you please try using below code. Just edit your header bar and add below custom CSS code.

            HTML Code:
            .megawpheaderbar {
            position: inherit!important;
            }
            Last edited by dburgi; 02-09-2016, 11:54 AM.

            Comment


            • #7
              Nice let us know if you need any help.

              Best Regards,

              Jabin Kadel
              Founder & CEO
              WpSmartApps.com

              Comment

              Working...
              X