Tagged: , ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • March 6, 2015 at 11:38 pm #407334
    slui

    Hi,

    I’ve followed the directions provided at this link: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    I havent’t been able to move the widget onto the topbar. The reason I haven’t been able to move the widget onto the topbar is because when I do move it higher vertically, it gets hidden by the topbar. You can see on the site on top right hand corner the word “HELLO”. This is the widget area.

    Here is the code that I’m using currently:

    /*Topbar Above Menu – Widget area right side*/
    #header .widget {
    left: 85%;
    padding-top: 0px;
    position: absolute;
    top: -10;
    padding-bottom: 0px;
    }

    /*Adding a widget area above main menu*/

    add_action( ‘ava_after_main_menu’, ‘enfold_customization_header_widget_area’ );
    function enfold_customization_header_widget_area() {
    echo dynamic_sidebar( ‘Header’ );
    }

    • This topic was modified 9 years, 9 months ago by slui.
    March 7, 2015 at 8:13 pm #407549
    Andy

    Hey slui!

    try this code in Quick CSS:

    #header_meta {
z-index: 1;
}

    Hope this helps.

    Best regards,
    Andy

    March 7, 2015 at 8:22 pm #407554
    slui

    Hi Andy,

    I tried to insert the above code and it did not work. I also tried taking the z-index and placing it in my own CSS and that did not work.

    sl

    March 7, 2015 at 8:25 pm #407555
    slui

    I see that there is a class called:

    widget clearfix widget_text

    When I use firebug, I’m able to move the text up using the “top” CSS. However, the text is below the green topbar.

    sl

    March 9, 2015 at 2:14 pm #408082
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    #header .widget { top: -68%; }

    You can go to Appearance > Menus and create a new menu and check “Enfold secondary menu” under Menu Settings and then go to Enfold theme options > Extra Elements and choose to display it on header meta section

    Regards,
    Yigit

    March 9, 2015 at 8:53 pm #408436
    slui

    Hi Yigit,

    I still don’t see the change. Here is the code so far:

    #header .widget {
    left: 75%;
    padding-top: 0px;
    position: absolute;
    top: -68%;
    padding-bottom: 0px;
    z-index: 1;
    }

    It is position correctly, but hidden under the topbar.

    March 9, 2015 at 9:05 pm #408448
    Yigit

    Hi!

    Z-index value should be on #header_meta selector. I have corrected it in your Style.css file. Please review your website now

    Regards,
    Yigit

    March 9, 2015 at 9:48 pm #408492
    slui

    Thanks Yigit. That worked.

    How do I get it middle aligned with the social icons. It looks a bit below center now.

    Secondly, any idea why the text on the left hand side of the top bar looks like it has a shadown. I want it to be clean like the location and hours on the right hand side.

    sl

    March 9, 2015 at 9:57 pm #408499
    Yigit

    Hey!

    Please adjust “top: -68%;” value in your CSS. Can you post a screenshot and show the shadow? I cannot see any shadow on texts in header meta

    Cheers!
    Yigit

    March 9, 2015 at 10:14 pm #408508
    slui

    Hi Yigit,

    The top: value worked. Thanks.

    Here is the image of the text. You can see the text on the left being thicker or having a shadow while the text on the right is normal.

    http://s13.postimg.org/r5j6o04pz/Untitled.png

    March 9, 2015 at 10:19 pm #408512
    slui

    Lastly, I also noticed that the text on the right “location & hours | about” disappear when I’m in mobile mode. Is there a way to center the location and hours links.

    sl

    March 10, 2015 at 6:48 am #408645
    Rikard

    Hey!

    Please try to adjust your code: 

    left:50%;

    Regards,
    Rikard

    March 10, 2015 at 8:07 pm #409046
    slui

    Hi Rikard,

    This does not the solve issue when it is mobile only for desktop. In the desktop mode, the positioning is fine. Only when it is mobile is there an issue.

    Any response to my question on March 9th, 2014 @ 10:14pm?

    sl

    March 11, 2015 at 7:50 am #409694
    Rikard

    Hey!

    As far as I can see the items are covering your social media icons on desktop, adjusting left to 50% will solve that and look good on mobile, could you please try it? The code you have now is left:85%.

    About your questions on March 9th, 2014 @ 10:14pm, I might have missed something in the thread but what exactly is it you want to change? I can’t see any text shadow?

    http://imgur.com/iqZjXFX

    Regards,
    Rikard

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