Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 5, 2023 at 4:26 pm #1421515
    amanda-mdllc

    Good Morning team,

    I am moving a website to your theme and I cannot seem to get the header and navigation styled on the inner pages. I have been fighting with it. I have the most current theme on here. Can you please help direct me so I can get this going for the client. I’m at a loss and need your brilliance lol

    Thank you so much in advance!

    October 5, 2023 at 8:09 pm #1421544
    Mike

    Hey amanda-mdllc,
    Thank you for the link to your site, to add the background image to the header try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #header_main {
height: 170px;
    background: url(https://campfire-sunshine.org/wp-content/themes/CampFireCouncilTheme/images/header-small.jpg) no-repeat center top;
    background-size: cover;
}

    After applying the css, please clear your browser cache and check.
    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

    Best regards,
    Mike

    October 13, 2023 at 4:16 pm #1422417
    amanda-mdllc

    I just saw this reply. I never got a notification. I will try this later today and get back to you :)
    Thanks Mike!

    October 13, 2023 at 7:35 pm #1422434
    amanda-mdllc

    Ok that kind of worked. I do not want it on the homepage since there is not a header background. All pages but the home since I have that element disabled.

    Also for the navigation on all the pages I am not sure why it is not lined up with the CampFire logo. Can you also help me with that?

    October 14, 2023 at 12:35 pm #1422463
    Mike

    Hi,
    If you want it to work on every page except home, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field instead:

    #top:not(.home) #header_main {
height: 170px;
    background: url(https://campfire-sunshine.org/wp-content/themes/CampFireCouncilTheme/images/header-small.jpg) no-repeat center top;
    background-size: cover;
}

    It looks like you have added some custom css to add 65px margin-top to the menu items, please remove this:
    Enfold_Support_3680.jpeg
    The same css is also adding 65px margin-top to the logo, but you should remove your css and use this instead:

    .logo a img {
    border: none;
    margin-top: 46px !important;
    margin: 0;
    display: inline-block;
    max-width: 100%;
}
#menu-item-8170 {
     margin-top: 20px;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    October 16, 2023 at 4:24 pm #1422663
    amanda-mdllc

    Love love love you ! Thank you so much! I have been fighting with that for weeks now.

    Thanks Mike have a great day!

    October 16, 2023 at 6:33 pm #1422687
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Navigation Background Not Loading’ is closed to new replies.