patrickjh
commented
4 years ago Also, if it helps, although this is probably a dead end, I went looking through the theme again and the only place I could find margin-top outside of the CSS was in the assets/js/parallax.min.js where it appears to set margin-top for something to 60px, which is different than the 70px that shows up in the section I am dealing with
My website www.lessonswithpatrick.com has a front page where there is a grey bar that is too big as part of the header. It is taking up valuable space "above the fold" on mobile and pushing my text down.
I tried to go into the CSS to customize it but was unable, because it has an inline style property set on a div
Specifically, there is a div with class="main main-raised" with an inline style="margin-top: 70px;" property set.
Because it is an inline style I cannot affect it through customizing the css anywhere and cannot override it.
I looked through the theme code and could not find where that got inserted. I tried searching for style= and margin-top and could not find it anywhere in hestia or orfeo. I am not a php developer normally so perhaps that was part of why I couldn't find it.
Could you update the theme to put this style in the stylesheet so I can customize it in the custom CSS section? If I need to pay for premium support or whatever to get it to happen let me know. I like the theme overall but I fear this is affecting conversions on my site because it is pushing all my text "below the fold" on mobile.