Need help with headers.

Home Forums Jevelin Theme Need help with headers.

Home Forums Jevelin Theme Need help with headers.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • sjwilling
    Participant

    Using jevelin theme since last spring.

    Some issues with headers. I can’t remember how I edited it last spring, but with Yellow Pencil and WPBakery I can edit menu items, but background image and other things are missing. ChatGPT says I would have been using Templatera and that it would have come with the theme. I don’t know it that’s correct or not.

    My immediate issues are:

    1. The hamburger menu, dark gray, is almost invisible against my background image. Where is the setting to change it to something brighter?

    2. I’m not sure how to get a couple of static pages to use the exact header display as on the main page and blog posts. It’s similar, but not identical. Why is it different? How do I make them the same?

    3. How to change the hover color on the popup menu (from the hamburger)?

    4. Do I need Templatera? It’s not expensive, but I’m doubtful ChatGPT is correct on this.

    Where are all these header settings? I know I took a template and modified it, but I can’t recall all the steps from 6 months ago.

    Shufflehound
    Moderator

    Hello,

    It looks like you’ve done quite a bit of customization, here’s a quick overview:

    1. The dark hamburger menu icon can be hard to see, so we added this CSS you can try under Theme Settings > Custom CSS/JS:

    .sh-header-builder-mobile-element.sh-header-builder-mobile-menu {
        padding:8px;
        border-radius:6px;
        background:#ffffff;
    }
     .sh-header-builder-mobile-element.sh-header-builder-mobile-menu > span {
        backdrop-filter:none !important
    }
    1. All pages should follow the global header settings, but check if the page’s individual settings are overriding them.

    2. To change the popup menu hover color, try this CSS:

    body .sh-header-mobile-dropdown a:hover{
        color:#ff5a5f !important; }
    
    body .sh-header-mobile-dropdown li:hover > a {     background:#232323 !important;
        color:#fff !important; }

    Adjust colors as needed.

        4. You don’t need Templatera, it’s not required or used by the theme.

     

    Due to the lot of custom CSS (via Yellow Pencil, etc.), some theme controls may seem missing because styles are overridden. If anything still looks off, temporarily disable custom CSS to confirm what’s coming from the theme vs. overrides.

     

    Best regards,

    Shufflehound team

    • This reply was modified 2 weeks, 4 days ago by Shufflehound.
    • This reply was modified 2 weeks, 4 days ago by Shufflehound.
    • This reply was modified 2 weeks, 4 days ago by Shufflehound.
    • This reply was modified 2 weeks, 4 days ago by Shufflehound.
    • This reply was modified 2 weeks, 4 days ago by Shufflehound.
    • This reply was modified 2 weeks, 4 days ago by Shufflehound.
    • This reply was modified 2 weeks, 4 days ago by Shufflehound.
    • This reply was modified 2 weeks, 4 days ago by Shufflehound.
    • This reply was modified 2 weeks, 4 days ago by Shufflehound.
    • This reply was modified 2 weeks, 4 days ago by Shufflehound.
Viewing 2 posts - 1 through 2 (of 2 total)