Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 12, 2017 at 8:28 pm #820206
    charger70

    Hi there – i recently inherited this site that runs Enfold.

    It was designed by another developer who created extensive custom CSS in a child theme.

    I’m having some issues that I’d appreciate your insight into.

    First issue: There is a banner that the custom CSS specifies to show for desktop, tablet and phone. Each banner is a version of the same thing (different dimensions).

    On desktop, it has extra space between the nav and the banner. Not sure why.
    On phone, it cuts the top off at the top of the mobile browser. Not sure why.
    On tablet, it has an extra space between the nav and the banner, just like desktop.

    I’ve looked at the style.css file in the child theme folder on the server, but nothing seems to make sense to me. If you could provide some insight into why these two issues are occuring, I would be most grateful.

    Second issue: No social media links show at the bottom of posts. I’m sure there is something in the custom CSS which is prohibiting this, but I don’t know what it is. Any help on this would be most welcome, as well.

    Thank you all in advance for looking at this. Info in the private content box.

    • This topic was modified 7 years, 4 months ago by charger70.
    July 13, 2017 at 7:17 am #820367
    Rikard

    Hey charger70,

    I’m not sure what banner you are referring to, could you post a screenshot of it to clarify please?

    Best regards,
    Rikard

    July 13, 2017 at 11:03 am #820447
    charger70

    Here are some grabs to illustrate what I mean, thank you for your help, Rikard!

    July 13, 2017 at 11:04 am #820449
    charger70

    also: no social media buttons showing after the story…see private.

    July 15, 2017 at 11:01 pm #821854
    Mike

    Hi,
    To remove the extra space between the header and the menu in tablet & desktop, Try this code in the General Styling > Quick CSS field:

    .html_header_top.html_header_sticky.html_bottom_nav_header #main {
    padding-top: 65px!important; 
}

    For mobile Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px){
.responsive #top #wrap_all #header_banner {
    margin: 0px!important; }}

    Best regards,
    Mike

    July 17, 2017 at 1:57 pm #822604
    charger70

    Mike – perfect fixes, my friend, thank you so much!!! Great support!

    July 17, 2017 at 3:41 pm #822691
    Sarah

    Hi,

    We’re glad that Mike was able to help you!
    Let us know here in the forums if you have any other questions or issues.

    Thank you for using Enfold.
    Cheers!
    Sarah

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Need help with custom CSS that I inherited from another developer’ is closed to new replies.