[Resolved] Different footer content for two languages

Tagged: 

  • Author
    Posts
  • #4757

    beregod
    Participant

    Good day colleagues,

    I have one issue with footer.

    I have 5 blocks in footer. I set rule to display them only in russian version. After this I added translation of block # 1 (for example) in widgets with rule to display in english version only and have next issue:
    – in russian version appears 6 blocks, one empty block
    – in english version appears 6 blocks, 5 empty blocks, one translated

    I tried to add translation of all blocks but have next situation:
    – in russian version appears 10 blocks, 5 empty block, 5 in russian lang
    – in english version appears 10 blocks, 5 empty blocks, 5 in english

    When I use word “block” I mean column with custom information (menu, image,text) like on screenshot http://d58i.imgup.net/screenshote53f.jpg

    Multilang version works with Polylang plugin

    • This topic was modified 6 years, 3 months ago by beregod.
    #4762

    Andrew Misplon
    Keymaster

    Hi beregod

    For this multi-lang situation we need to use a little Custom CSS to set the columns per language. Is it the same site as your other thread? If not, please, can you confirm the link for me to check?

    Thanks

    #4768

    beregod
    Participant

    Hi Andrew,

    Yes, it is the same site as my other thread. link http://www.bereg-trs.com.ua
    Next situation is at the moment:
    – in russian version appears 6 blocks, one empty block
    – in english version appears 6 blocks, 5 empty blocks, one translated

    #4769

    Andrew Misplon
    Keymaster

    Thanks.

    If you don’t yet have a Custom CSS plugin installed, please, install Simple Custom CSS. Then, go to Appearance > Custom CSS and try inserting the following:

    /* Footer */
    body:lang(ru) .site-footer .footer-main .widget-count-6 {
      	margin-right: 2.85714%;
      	width: 17.71429%;
    }
    
    body:lang(en) .site-footer .footer-main .widget-count-6 {
    	margin-left: 0;
    	margin-right: 0;
      	width: 100%;
    }
    
    .site-footer .footer-main .widget:last-of-type {
    	margin-right: 0 !important;
    }
    #4770

    beregod
    Participant

    I have installed Simple Custom CSS and added the code, but it seems to be same issue

    #4772

    Andrew Misplon
    Keymaster

    I think the count might have changed from when I first checked. Please, replace the previous CSS with the following:

    body:lang(ru) .site-footer .footer-main .widget-count-8 {
      	margin-right: 2.85714%;
      	width: 17.71429%;
    }
    
    body:lang(en) .site-footer .footer-main .widget-count-8 {
    	margin-left: 0;
    	margin-right: 0;
      	width: 100%;
    }
    
    .site-footer .footer-main .widget:last-of-type {
    	margin-right: 0 !important;
    }
    #4793

    beregod
    Participant

    Hi Andrew,

    thank you very much

    my solutions was next:

    /* Footer */
    body:lang(ru) .site-footer .footer-main .widget-count-6 {
      	margin-right: 3;
      	width: 30%;
    }
    
    body:lang(en) .site-footer .footer-main .widget-count-6 {
    	margin-left: 0;
    	margin-right: 3;
      	width: 30%;
    }
    
    .site-footer .footer-main .widget:last-of-type {
    	margin-right: 0 !important;

    But I have isue with footer in mobile version. How to display footer blocks one after another in mobile version, e.g.:

    1) desktop version:
    block 1 | block 2 | block 3

    2) mobile verison:
    block 1
    block 2
    block 3

    • This reply was modified 6 years, 2 months ago by beregod.
    #4795

    Andrew Misplon
    Keymaster

    Awesome 🙂 Glad to hear you’ve made progress. Thanks for posting. The margin property doesn’t offer a unitless value like line-height does so perhaps consider changing the 3 values to 3px or 3%.

    #4796

    beregod
    Participant

    I want the footer to be responsive

    this code solved my problem in mobile version of website. Footer is responsible

    /* Footer */
    @media (max-width: 880px)
    body:lang(ru) .site-footer .footer-main .widget-count-6 {
    	margin-right: 3%;
      	width: 30%;
    	}
    
    @media (max-width: 880px)
    body:lang(en) .site-footer .footer-main .widget-count-6 {
    	margin-left: 0%;
    	margin-right: 3%;
      	width: 30%;
    	}
    
    .site-footer .footer-main .widget:last-of-type {
    	margin-right: 0 !important;
    	}

    But there appeared the old issue in desktop version: 3 blocks (columns) with information, 3 blocks (colums) empty

    • This reply was modified 6 years, 2 months ago by beregod.
    • This reply was modified 6 years, 2 months ago by beregod.
    #4802

    Andrew Misplon
    Keymaster

    The media queries above look like they’re missing opening and closing brackets. Please, create a user account for us and we’ll take a look. Go to Users > Add New and create a new account:

    Username: puro
    Email: [email protected]
    Role: Administrator

    Thanks.

    #4813

    beregod
    Participant
    This reply has been marked as private.
    #4816

    Andrew Misplon
    Keymaster
    This reply has been marked as private.
    #4817

    Andrew Misplon
    Keymaster

    Thanks, you can check now.

    #4818

    beregod
    Participant

    Hi Andrew,

    Thank you very much for your support! All is done and working good

    #4819

    Andrew Misplon
    Keymaster

    For sure 🙂

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.

Scroll to top