Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 12, 2020 at 3:20 pm #1252289
    Eleina_Shinn

    Hi:

    I have added an Enfold Child Custom Widget Area using the code added to the functions.php file, then a Header Widget, but nothing is appearing. I tried adding some of your custom css to color the widget, but it still does not appear anywhere close to the logo in the Header area.

    Client wants this tex widget t to appear on the left side of the header area.

    Could you help me to troubleshoot why this is not appearing?

    Site is here, but I have a coming soon page up, so will provide login credentials belowhttps://395fullservicerealtysave.com/

    October 13, 2020 at 10:56 am #1252511
    Rikard

    Hey Eleina_Shinn,

    The widget area needs to have the same name as what you added in functions.php, I added a new widget area for you and the widget is showing up after that. I added this for you in Quick CSS as well:

    #text-6 {
    position: absolute;
    left: 5%;
    max-width: 30%;
}

    Please review your site.

    Best regards,
    Rikard

    October 13, 2020 at 6:54 pm #1252589
    Eleina_Shinn

    Awesome, am so sorry, I should have noticed that. Wonder if you could now help me make this more responsive?

    1. Header Widget doesn’t work on Mobile and Tablet. Is there a way to place it below the logo on smaller screens? Right now it overlaps or goes behind the logo on mobile, and on Tablet it overlaps or is too low.

    2. The other issue is that I have chosen one font color, so it looks nice on the the home page, but hte home page is the only page with a transparent header – on all of the other pages the color of the header nees to just be black and fit into the whte space in the regular white header, so needs to be black like sticky header.

    I was able to figure out css to make black when the header scrolls to the smaller sticky header, and that looks nice, but it needs to be black on all of the other pages without hte transparent header. Here is the css I have right now, yours and mine:

    I really appreciate your help with this!

    /*STYLE HEADER WIDGET */
    #text-6 {
    position: absolute;
    left: 5%; margin-top: -10px;
    max-width: 30%; font-family: ‘work sans’,’HelveticaNeue’,’Helvetica Neue’,’Helvetica-Neue’,Helvetica,Arial,sans-serif; font-weight: bold; color: #FDE8A5; text-align: center; font-size: 18px; text-shadow: 2px 2px 12px #000000
    }

    #top #header.header-scrolled #header_main #text-6 {
    color: #000000; margin-top: -30px; text-shadow: none;
    }

    October 15, 2020 at 6:08 am #1252920
    Rikard

    Hi,

    There’s not enough space in your header to have the widget fit on smaller devices. Maybe it would be better if you hide the widget from tablet and down, then add the widget content to your layout instead? Another option would be to make the logo a lot smaller, then the text might be able to fit into the header in some way.

    If you need to have special styling for the home page then please try this:

    #text-6 p {
  color: blue;
}

.home #text-6 p {
  color: red;
}

    Best regards,
    Rikard

    October 15, 2020 at 5:08 pm #1253066
    Eleina_Shinn

    Okay, that didn’t really help, as I get how to change the color, the problem was that the transparent header needed something different than the regular and sticky header. so I’ve just removed the transparent header, for simplicity.

    Howeve, the header widget is not responsive. Can you help me with that? As soon as you get to tablet and cell it doesn’t work – it either overlaps what is underneath it (tabliet) – or disappears behindthe logo (mobile).

    Is there a way for tablet and mobile to have the header widget appear below the logo?

    Thank you.

    October 17, 2020 at 4:17 am #1253378
    Rikard

    Hi,

    Thanks for the update. I see that you have hidden the widget on tablet and below now, and added the widget content to your actual layout. Is that how you want it, or do you need further help?

    Best regards,
    Rikard

    October 20, 2020 at 12:01 am #1254189
    tremblayly

    Hi
    Sorry for jumping into this ticket, but I have the same issue for which I opened another ticket here:

    Need urgent help – just launched and transparent header not working correctl

    How can I hide the widget and where do I add on my site pages?

    THanks
    Lyse

    October 20, 2020 at 9:27 pm #1254459
    Victoria

    Hi tremblayly,

    Let’s keep our discussion in that thread, not here.

    Best regards,
    Victoria

    October 20, 2020 at 10:19 pm #1254484
    tremblayly

    OK thanks

    October 21, 2020 at 2:33 pm #1254665
    Eleina_Shinn

    Okay, so thought I would ask, is adding custom headers on the Enfold Update Agenda?

    I personally think that header widgets don’t work that well, but if you could add yourhown header the same way you can now add your own footer in Enfold, that would resolve all kinds of problems. I personally use other themes for service type companies that need their phone number, etc. in the Header area (in a much bolder way than the top bar)…. I tend to look to other themes when I need a custom header, so just thought I would ask, as I prefer Enfold.

    Thanks!

    ~e

    October 22, 2020 at 4:44 am #1254820
    Rikard

    Hi Eleina_Shinn,

    That would be a nice addition to the theme yes, but we are not there yet unfortunately. It will be implemented in a future release of the theme though, but I’m not sure when it will be added unfortunately.

    Best regards,
    Rikard

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