[amberfm]

Dear,

I am creating my web site with two interface languages using qTransalate plugin. But i have a problem in the mobile when switching to the Arabic interface.
when the English interface is selected everything is fine but when i switch to the Arabic interface the menu drop down box and is not display properly, the arrow and the text overlaps each other as it is shown below:

English:

Arabic:

How can i solve this problem?

[Sakin]

@amberfm: I need your site URL.

[amberfm]

http://www.amberfm.me

[Sakin]

@amberfm: You have to copy the following CSS in rtl.css

@media (max-device-width: 767px) {	
    background-position: left center;
}

[amberfm]

Dear Sakin,

Thank you for your reply,,,,

I pasted the above CSS code into rtl.css but I got this error:

[Sakin]

@amberfm: sorry my bad. I forgot the element. It will be as below.

@media (max-device-width: 767px) {	
	.tinynav {
		background-position: left center;
	}
}

[amberfm]

Thank you very much for your help,

Any idea how align the language flags also to left when select Arabic. Currently it move slightly to the left but not all the way?

This CSS codes is placed in the Custom CSS

.qtrans_language_chooser {
    list-style-type:none
}
.qtrans_language_chooser li {
    float:Left;
    margin-right:6px; 
    margin-left:6px;
    margin-top:10px
};

thanks

[Sakin]

@amberfm: For that you might need to contact plugin author. As I can see the hard coded css there

[amberfm]

@Sakin: Thank you very much for your help

[blackkeys]

Hi
I am about to purchase the pro version as I want to optimize my site for mobile devices.

My site will be in Indonesian and English. Can you tell me how to get the flags into the site?

Like the previous person has. I would like th flags to be above the menu.

The URL where I am making the site before I transfer it is http://www.red-cherry.net

Please let me know how I can do this.Thanks.

[blackkeys]

Actually I want to put the flags in myself as images, and I have already begun to have the wording in the site translated. Do you know how I would go about inserting the flags.

And also what about the menu? As there will be a menu for Indonesian and a menu for English.

Thanks

[blackkeys]

Actually, its just like what this person has done:
http://httpd.cpu.edu.hk/

The site is in two langages. That’s what I want to know how to do…

Thanks

[Sakin]

@blackkeys: Not sure about how it is done in the site. Maybe he have added languages plugin. For manually adding you need to have header right sidebar which is only there in Pro version.

[blackkeys]

Hi
I have just brought the pro version of Catch Everest. But you haven’t sent me any email so I can download it and install it. I have checked my junk box as well, nothing. Please send asap as I wish to start working on the site.
Thanks

[Sakin]

@blackkeys: Sometimes, it takes time. If you done find the download link in your account http://catchthemes.com/my-account then you can email sales directly at http://catchthemes.com/contact-us

[blackkeys]

I have it now, all good. But how do I install it?

[blackkeys]

Its okay, I have figured it out. You just go to install theme is WordPress and upload the zipped file

[blackkeys]

And just to help anyone who needs their site in two languages, it seems you need to install a widget.
If you look at this site: http://httpd.cpu.edu.hk/?lang=en and inspect the code on the widget, you can see it uses the ploy language widget.

And this site:http://www.amberfm.me/ uses q trans.

Just search for plugins and you can find them.

[Sakin]

@blackkeys: Nice. For more instruction, you can check out http://catchthemes.com/theme-instructions/catch-everest-pro/

[blackkeys]

Hi Sakin

So I have installed the Polylang plugin and after reading up have figured out how to use it.

But there are some issues I need help with.

1: Firstly in responsive mode the Polylang widget drops down and the header area is way too big.
I just need the language selection to be at the bottom of the header right sidebar.

2: Secondly how do I get the actual logo I am using to remain in the same position more or less when the site is viewed on a mobile device? I don’t want it jumping around all over the place.

I know that I have set a #hgroup-wrap { padding-left: 170px; } in the #site-logo part of my custom CSS. This will obviously affect the responsive view too but I need to keep the look the same in responsive, sure sizing changed to fit screen but not a huge white gap under the header section.

I have attached my custom CSS to help you:
.lang-item {
display: inline;
}

p { line-height: 1.425; margin-bottom: 1em; }

#slider-nav { display: none; }

#site-logo, hgroup.with-logo { padding-top: 0; }
#hgroup-wrap { padding-top: 10px; }
#hgroup-wrap { padding-bottom: 10px; }
#hgroup-wrap { padding-left: 170px; }
#hgroup-wrap { padding-right: 10px; }

#hgroup-wrap a:hover img,
.featured-image a:hover img,
.entry-content a:hover img,
.comment-content a:hover img,
.widget a:hover img,
a:hover img.header-image,
.author-avatar a:hover img,
a:hover img.wp-post-image {
opacity: 1;
}

I have read extensive but need to know how to do this, thanks a lot Sakin, much appreciated.

[Author]

Posts