-
Posts
-
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’ );
}
Hey slui!
try this code in Quick CSS:
#header_meta { z-index: 1; }Hope this helps.
Best regards,
AndyHi 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
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
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,
YigitHi 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.
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,
YigitThanks 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
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!
YigitHi 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.
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
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
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?
Regards,
Rikard
- You must be logged in to reply to this topic.