Sorry if my explaination was not clear enough to you. Here are some of my setting :
1. A homepage with transparent and glassy option. I want and did this to show the full image of my layer slider (I did this in the page setting)
2. I chose a logo left, menu right, and a slim header in enfold/avia framework.
3. In the Header behavior I check : Sticky Header, Shrinking header, and unstick topbar

All I want is, just to make the top bar comes in colour (black,grey,etc) or no transparency, while I set the main menu/header into transparent.
After did some search, i found this question darken transparent ,

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 9 years, 8 months ago by Dbertelsen.

Thank you Guenni007 for the response, Already try your advice, but unfortunatelly that’s not what i want.
So, I use the sticky header, But with unstick top bar. Your methods will work if i used the sticky top bar too. but i prefer to used the unsticky top bar.
Is there possible to change main menu css code into transparent (but only in the homepage) ? So, that i can change the colour of the top bar from a advance styling menu?

No that’s NOT what I mean at all.
I merely want to move the caption in small increments either, up down, left, or right. That’s all! If you notice the caption is hitting the building in the background… I want to move it UP a little more closer to the top. This is only for this particular slider. I need to do the same on other sliders but with different variations. Does this make sense now?

I don’t want to move it off the screen?? If I wanted to that, I simply wouldn’t add a caption?

Hi Ismael,

Thank you, so I will create another thread for the rest of my questions.
And about your codes:
–
* About that Linkedin icon, thanks, it works. And when I move the mouse over it, I want the icon (just the in icon) color turns into the white; is it possible by a code?

–
* And about your code in number 3, I made a custom css class for that button (name: .hmp-button ) and I added this below code instead, but it doesn’t work:

#top .hmp-button {
    color: red;
    border-color: blue;
}

Let me know please how can I correct the code.
Regards

• This reply was modified 9 years, 8 months ago by Sadegh.

Hi Andy,

Thank you for your reply.

I have the latest theme version (3.5.4) so an update is not the solution to the problem. I still need help making the images bigger, the buttons smaller and the captions displayed on the full width easy slider of the top of my homepage.

I’ve reattached my WordPress login credentials in the private data field.

Dear All,

It look like this is a problem the plugin author is aware and will be fixed in the next release of the plugin.

Here is my post requesting support on the Polylang WordPress page:
https://wordpress.org/support/topic/logo-doesnt-redirect-to-home-page-in-second-language?replies=3#post-8687958

Here is the Polylang announcement for the upcoming release:
https://wordpress.org/support/topic/the-development-version-of-polylang-20-is-available-for-tests?replies=2

Cheers,

Tim

• This reply was modified 9 years, 8 months ago by hypergolica.

Guessing somewhere in this piece of js?:

   function avia_header_size()
    {
        var win				= $(window),
            header          = $('.html_header_top.html_header_sticky #header'),
            unsticktop		= $('.av_header_unstick_top');
            
        if(!header.length && !unsticktop.length) return;
        
        var logo            = $('#header_main .container .logo img, #header_main .container .logo a'),
            elements        = $('#header_main .container:not(#header_main_alternate>.container), #header_main .main_menu ul:first-child > li > a:not(.avia_mega_div a, #header_main_alternate a), #header_main #menu-item-shop .cart_dropdown_link'),
            el_height       = $(elements).filter(':first').height(),
            isMobile        = $.avia_utilities.isMobile,
            scroll_top		= $('#scroll-top-link'),
            transparent 	= header.is('.av_header_transparency'),
            shrinking		= header.is('.av_header_shrinking'),
            topbar_height	= header.find('#header_meta').outerHeight(),
            set_height      = function()
            {	
                var st = win.scrollTop(), newH = 0, st_real = st;
				
				if(unsticktop) st -= topbar_height; 
				if(st < 0) st = 0;
				
				if(shrinking && !isMobile)
                {
	                if(st < el_height/2)
	                {
	                    newH = el_height - st;
	                    if(st <= 0){
							newH = el_height;
					    }
	                    
	                    av_change_class(header, 'remove', 'header-scrolled');
	                    //header.removeClass('header-scrolled');
	                }
	                else
	                {
	                    newH = el_height/2;
	                    //header.addClass('header-scrolled');
	                    av_change_class(header, 'add', 'header-scrolled');
	                }
	                
	                if(st - 30 < el_height)
	                {
	                    av_change_class(header, 'remove', 'header-scrolled-full');
	                }
	                else
	                {
	                    av_change_class(header, 'add', 'header-scrolled-full');
	                }
	                
	                
	                elements.css({'height': newH + 'px', 'lineHeight': newH + 'px'});
                	logo.css({'maxHeight': newH + 'px'});
                }