[Vivien]

Hello,
in my header I have my logo set as advertising widget. So far, so good. The logo/widget is on top on the left side. Next to it (right) I want to put a slogan. If I use the header title, it appears under the logo. I don’t want that. If I use another widget, it also appears under or above the first logo/widget.

Is it possible to put text or a widget on the right side next to the header widget? How?

Thanks for help!!
Vivien

[Sakin]

@Vivien: Not sure want you want. Can you share screenshot of what you want and also add in your site URL so that I can check in details.

[Vivien]

Screenshot 2015-05-31 10.47.19

[Vivien]

I cannot attach a screenshot…. how do I do that??

[Vivien]

Another problem is that I cannot put the language selector in the header. I want it on top in the right corner. It’s probably the same problem…?

http://www.mango-verde.com

[Sakin]

@Vivien: You can upload image in your site or any photo sharing site and than add that image URL here.

I check in your site and see your advertisement image and Site Title. It cannot be added to make it in the same place. So, you can either create additional text widget in Header Top sidebar and we can align that text to right of your image widget.

But I don’t understand why don’t you use you Logo image from “Appearance => Theme Options => Header Options => Logo url”. This will be best options.

[Vivien]

Hi Sakin,
thanks. I use the Logo image now but it is far too small! That was the reason I did not use it before. How can I make it bigger?

Plus, how can I put the language switcher in the right corner on the very top?

Thanks
Viv

[Sakin]

@Vivien: I cannot view your site. It’s coming soon.

If you want larger logo, then you can adjust the max-height in the following css and then add it in “Appearance => Theme Options => Custom CSS” box:
#site-logo img { max-height: 41px; }

To add language switcher in Header. You can go to “Appearance => Widgets” and add your plugin language widget in Header Right Sidebar or Header Top Sidebar as per your need.

[Vivien]

HI Sakin,
you should see it now. I changed the logo size, thanks!

1. How do I put the language selector above the social media icons?

2. How do I get more space between the logo and the text “Personal safety – everyhwere”?

Thanks

Viv

[Sakin]

@Vivien:
1. You can add the following css in “Appearance => Theme Options => Custom CSS”
#header-right .widget { clear: both; }

2. You can increase the padding-left in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS”
#hgroup.logo-enable.logo-left { padding-left: 10px; }

[Vivien]

Hmmm no, the padding left is not what I need, I need more space between the logo and the text right next to the logo. How do I do that?

[Sakin]

@Vivien: But, that space is control by the padding-left. So, you need to increase padding if you want to increase the space.

[Pius]

Hi Sakin,
I am using Full Frame Pro and I have a similar problem. I have a logo in my header and I added a few widgets in the header-right (see attachment). Now I want the widgets to be all the way on the right side. Also is there a way that the header drops down automatically when I hover over the top menu bar, instead of pressing the top right button.

Your help is very much appreciated as always.

Thank you

PS: how can I attach an image?
Send me the donation link too

[Sakin]

@Pius: You don’t have option to attach image in this forum. You can just post in link. So, you can upload your image in your website or any photo sharing site and add in URL here. Also please post in your site URL so that I can check in your header and suggest you solution.

To make your header toggle show in hover. You need to add script. So, first activate plugin http://catchthemes.com/wp-plugins/catch-web-tools/ and then go to “Catch Web Tools => Webmaster Tools => Enable Webmaster Tools”, check “Enable Webmaster Module” and then add the following code in “Catch Web Tools => Webmaster Tools => Header and Footer Scripts => Enter scripts or code you would like output to wp_footer()” box:

<script type="text/javascript">
jQuery(document).ready(function() {
	var jQueryheader_search = jQuery( '#header-toggle' );
	jQueryheader_search.hover( function() {
		var jQueryform_search = jQuery("div").find( '#masthead' );	
			
		if ( jQueryform_search.hasClass( 'displaynone' ) ) {
			jQueryform_search.removeClass( 'displaynone' ).addClass( 'displayblock' ).animate( { opacity : 1 }, 300 );
		} else {
			jQueryform_search.removeClass( 'displayblock' ).addClass( 'displaynone' ).animate( { opacity : 0 }, 300 );		
		}
	});	
});
</script>

Here goes the donation link http://catchthemes.com/donate/

[Pius]

Hi Sakin,
Here is a link to my header image. As you can see the spacing between the logo and the header widgets isn’t correct. When I remove the loge the widgets move all the way to the right where they should be. As soon as I add the loge they move right next to it.
I want them to be on the right side just as they are when I remove the logo.

Thanks for the script. Can you modify it so that the header dropdown comes on as soon as I hover over any area of the menu header. Also it should stay one as long as the mouse pointer is in that whole area, so I can move down and e.g change the language or do a search without activation (click) on the little button on the right.

Thanks a lot

[Sakin]

@Pius: For header right section after adding site logo, we will fix it in Full Frame Pro version 3.0. But dropdown on any where in menu is not possible as it will conflict with menu dropdown. We will release this version within this weekend.

[Author]

Posts