Adding mqtranslate button in header

lacoachdesfinances
(@lacoachdesfinances)

9 years, 7 months ago
Hello there!

I am using the mqTranslate plugin to translate my website. I was able to insert the plugin at the top right hand of the page, but when I scroll down, it stays fixed there. Even if I played with the CSS to move it where I want, it seems to be linked to the browser window, and not the site content. You can visite the site to see what I mean:

http://www.lacoachdesfinances.com/en/

I am using the Interface Pro theme by ThemeHorse. I wrote on their support forum as well. To get what you see now, this is what I placed in my functions.php:
```
add_action('get_header', 'add_my_language_chooser');
function add_my_language_chooser() {
	if (function_exists('qtrans_generateLanguageSelectCode')) qtrans_generateLanguageSelectCode('text');
}
```
This is my CSS:
```
ul.qtrans_language_chooser {
	background-color: #7cbc2d;
	box-shadow: 2px 5px 7px rgba(0,0,0,.21);
	border-radius: 6px;
	border: 1px rgba(255,255,255,.5)solid;
	list-style-type:none;
	position: fixed;
	top: 35px;
	right: 0px;
	padding: 7px 11px 7px 11px;
	-webkit-transition: background-color linear 200ms;
        transition: background-color linear 200ms;
	z-index: 201;
	}
ul.qtrans_language_chooser:hover {
	background-color: rgba(153,204,255,.65);
	box-shadow: 3px 8px 10px rgba(0,0,0,.15);
	}
ul.qtrans_language_chooser li.active {
	display: none;
	}
ul.qtrans_language_chooser li a {
	height: 40px;
	width: 40px;
	color: white;
	font-size: 17px;

	}
```
I think that the problem is with my theme, the header.php goes and fetches a header-extensions.php file elsewhere. Since I would like my button to be in the Purple area, I think it should be in the area called <;div class=”hgroup-wrap”;>, which is only found in the header-extensions.php Is there a way to make this modification in a Child theme? Thank you very much for your help.

https://wordpress.org/plugins/mqtranslate/

Viewing 5 replies - 1 through 5 (of 5 total)

Thread Starter lacoachdesfinances
(@lacoachdesfinances)

9 years, 7 months ago

Oh and also, if you try the button to change the language, in my case I always get a white screen with the FR and EN text at the top left of the page, for a fraction of a second. Is there a reason for this? On other sites using the same plugin, the trasition is smooth, not noticable.

wocmultimedia
(@wocmultimedia)

9 years, 7 months ago

I wish it can help you.
After many attempt I found in a post some snippet of code which I modified and now I’m using this in my website, you can give a try.
I created a child theme to avoid the updates override it.

ul li.item-cml-flag {
margin-right: 5px;
}
ul.qts-lang-menu { list-style-type:none}ul.qts-lang-menu li { display:inline; float:left; margin-right:5px }

the following code parte is related to qtranslate slug

.qtrans_language_chooser li { display:inline; float:left; margin-right:5px }

instead of the word flag you can type text then try to change the amount of margin-right to fit your need

Bye
Angelo

Thread Starter lacoachdesfinances
(@lacoachdesfinances)

9 years, 7 months ago

Thanks. It worked to a degree. I now have the EN FR buttons in the purple area where I wanted it. But I am now trying to figure out the CSS.

Also, my language chooser seems to be in section#site-logo instead of div.container.clearfix.

I have no idea how to move the plugin. I’ll continue to try stuff!

wocmultimedia
(@wocmultimedia)

9 years, 7 months ago

have you tried to move the language selector via widget?
There’s a widget called qtranslate language or similar, you can move in sidebar or somewhere else…via css I’m not able to help you anymore.
Sorry, I’m not a good developer.

Regards,
Angelo

Thread Starter lacoachdesfinances
(@lacoachdesfinances)

9 years, 7 months ago

Yes I tried, but as you mentionned you need to put it in a sidebar or in a widget friendly area. I wouuld like it to be in my header, and my theme doesn’t have a Header area in which to insert widgets.

I am not a good developer either haha, so no worries! Thanks for your help 🙂

For now I’ll leave the button where it is, and try to ask friends if they know how to move it else where within the header.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Adding mqtranslate button in header’ is closed to new replies.

Tags