Viewing 20 posts - 1 through 20 (of 51 total)
1 2 3
  • Author
    Posts
  • June 9, 2013 at 2:13 pm #10184
    amberfm
    Member

    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:
    English

    Arabic:
    Arabic

    How can i solve this problem?

    June 9, 2013 at 3:45 pm #10204
    Sakin
    Keymaster

    @amberfm: I need your site URL.

    June 9, 2013 at 3:52 pm #10206
    amberfm
    Member

    http://www.amberfm.me

    June 9, 2013 at 4:02 pm #10208
    Sakin
    Keymaster

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

    @media (max-device-width: 767px) {	
    background-position: left center;
}
    June 10, 2013 at 1:32 am #10245
    amberfm
    Member

    Dear Sakin,

    Thank you for your reply,,,,

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

    error

    June 10, 2013 at 10:11 am #10262
    Sakin
    Keymaster

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

    @media (max-device-width: 767px) {	
	.tinynav {
		background-position: left center;
	}
}
    June 10, 2013 at 7:34 pm #10291
    amberfm
    Member

    Thank you very much for your help,
    done

    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

    June 11, 2013 at 12:22 am #10301
    Sakin
    Keymaster

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

    June 11, 2013 at 2:08 am #10319
    amberfm
    Member

    @Sakin: Thank you very much for your help

    November 17, 2013 at 10:05 pm #17352
    blackkeys
    Member

    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.

    November 17, 2013 at 10:20 pm #17355
    blackkeys
    Member

    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

    November 17, 2013 at 10:26 pm #17356
    blackkeys
    Member

    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

    November 18, 2013 at 12:38 am #17364
    Sakin
    Keymaster

    @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.

    November 23, 2013 at 8:39 pm #17571
    blackkeys
    Member

    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

    November 23, 2013 at 8:57 pm #17574
    Sakin
    Keymaster

    @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

    November 23, 2013 at 8:59 pm #17575
    blackkeys
    Member

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

    November 23, 2013 at 9:01 pm #17576
    blackkeys
    Member

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

    November 23, 2013 at 9:08 pm #17577
    blackkeys
    Member

    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.

    November 23, 2013 at 9:18 pm #17578
    Sakin
    Keymaster

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

    December 5, 2013 at 9:58 pm #17947
    blackkeys
    Member

    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
Viewing 20 posts - 1 through 20 (of 51 total)
1 2 3
  • The topic ‘Mobile Drop Down menu in Arabic’ is closed to new replies.