[Resolved] Different footer content for two languages

Tagged: 

  • Author
    Posts
  • #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

    #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

    #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 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.

Scroll to top