Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 15, 2019 at 3:08 am #1090807
    Taryn

    Hi!
    If I enable the Top Bar in my header, the top of the pages is missing. At the top of my pages, I have a Grid Row that’ just colors, like in your Health demo. That disappears when I enable the Top Bar. Thoughts?

    Here’s an example page: http://staging.b3pt.com/about/

    Thanks!

    April 15, 2019 at 3:01 pm #1090977
    Rikard

    Hey Taryn,

    Thanks for the login details, I’m not sure what you are referring to though. Could you post a screenshot highlighting the issue please?

    Best regards,
    Rikard

    April 16, 2019 at 3:08 am #1091185
    Taryn

    Sure! One screenshot shows the page without the top bar, and you can see the grid row of blue colors at the top of the page below the header. The other screenshot shows the same page, but with the top bar activated – the grid row disappears.

    Thanks!

    No top bar: http://staging.b3pt.com/wp-content/uploads/2019/04/no-top-bar.png
    With top bar: http://staging.b3pt.com/wp-content/uploads/2019/04/top-bar.png

    April 17, 2019 at 1:38 pm #1091998
    Victoria

    Hi Taryn,

    Please try the following css:

    
.av_minimal_header_shadow {
    box-shadow: none;
}

    Best regards,
    Victoria

    April 18, 2019 at 8:28 pm #1092493
    Taryn

    That gets rid of the bottom border on the header, the shadow, but doesn’t do anything for my issue. When the top bar is active, it’s like it’s hiding the top part of the page content, which in my case, is a grid row in shades of blue, as in the screenshots I sent.

    April 19, 2019 at 8:19 am #1092630
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-253 #av-layout-grid-1 {
  margin-top:20px;
}

    Best regards,
    Rikard

    April 19, 2019 at 11:23 pm #1092777
    Taryn

    Thank you! That is working as a work-around. However, do you know what’s causing the issue? If i use a grid row that has a different id attached to it, I get the same problem and have to add Custom CSS for that as well. I’ve never had this problem with other sites I’ve built with Enfold.

    Thanks!

    April 20, 2019 at 10:23 am #1092908
    Rikard

    Hi,

    I’m not 100% sure, but I think it’s because that element doesn’t have any content. It’s likely that the header height calculation goes wrong because of that. Are you ok with the CSS fix for now though?

    Best regards,
    Rikard

    April 23, 2019 at 1:42 am #1093454
    Taryn

    It does fix it, but it would be nice to know why it’s happening to me, but not in your demo: https://kriesi.at/themes/enfold-health-coach/about/.

    Thanks for your help. :)

    April 24, 2019 at 3:27 pm #1094018
    Victoria

    Hi Taryn,

    Glad you got it working for you now :)

    Best regards,
    Victoria

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.