Oh, alright.
Hmmm, could you help with some Quick CSS code?

Yeah there’s nothing. I’ve just changed the margin to 100px and the buttons are not being affected.
Also the buttons are now “round” instead of square.

I’ve provided the login information in the private section

Hi Yigit!
Thanks, but for some reason it doesn’t seem to work? The buttons seem to be immune to the change in margin-top: -10px, and thus still fall outside the slider.

I’ve even tried to change the margin-top value to -100px, and there’s no difference.

No one?
I could really use some input here :-/

Yigit, you are a life saver – thank you so much!!!

Cool, thanks Yigit!
Now, for the last bit – do you know how we can make the search icon show a discreet search field and the text “Search” ?

Hi Yigit,
Sure, I have provided the website information in the private section.

Here’s the screenshot from imgur – as you can see, I need to move the searchbox/icon to the end of the main menu (and also be in-line and same font-size as main menu). Can you help me? :-)

• This reply was modified 8 years, 4 months ago by Dbertelsen.

That’s right – I found a way :) Thanks though – I have another question where I need your help.
How can I make the search box show by default? My boss wants the following (don’t ask me why):
1) Linkedin icon should be replaced by the actual linkedin logo (blue/white I guess), and should be below the stock ticker and clock. I suppose I need to create a new header widget and fix the positioning?
2) He also wants the search box to appear by default and also be shown below the clock, stock ticker and linkedin logo.

Now, for this to be possible, I believe I need to make the search box “smaller”/slimmer, and place it in a header widget so that I have 4 header widgets as such (from top to bottom):
1: Clock
2: stock ticker
3: Linkedin logo (link to their LinkedIn page)
4: Search box

All these have to be stacked, each on a new line, but in the same right-position as the current clock and stock ticker.
Do NOT ask me why he wants this – I think it looks shitty, messy and overall unprofessional – but whatever he wants.

See the screenshot for clarification.
EDIT: Cant make screenshots work – even though I’m linking to dropbox.

• This reply was modified 8 years, 5 months ago by Dbertelsen.

Link and login provided in private content :-)

• This reply was modified 8 years, 5 months ago by Dbertelsen.

Thanks a lot Ismael! You’re the man!

Hi Andy,
If you go to Appearance -> Widgets -> You will see two headers named header1 and header2. One contains a clock and another contains a tiny stock ticker (shortcode) :)

Andin the functions.php file I have the following code:

// Below code is to only show header clock on front page

add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
if(is_front_page()){
	dynamic_sidebar( 'header1' );
	dynamic_sidebar( 'header2' );
}
}

And I have the following Custom CSS styles:

/* Header Widget header1: clock CSS */
#header .widget {
left: 91%;
padding-top: 0px;
position: absolute;
top: -100%;
padding-bottom: 0px;
z-index: 1;
}

/* Header Widget header2 Stock Ticker */
#header2 .widget {
left: 50%;
padding-top: 0px;
position: absolute;
top: -20%;
padding-bottom: 0px;
z-index: 1;
}

Hi Yigit,
Yes of course. I’ve provided it in the Private Content section

Hmmm.. no, still not working. The header widget is not showing at all now.

I have this code in my Quick CSS field. Would that have something to say? The clock/widget is located to the right side, just below the logo/menu section/border.

/* Header clock CSS */
#header .widget {
left: 91%;
padding-top: 0px;
position: absolute;
top: 80%;
padding-bottom: 0px;
z-index: 1;
}

• This reply was modified 8 years, 6 months ago by Dbertelsen.