- This topic has 14 replies, 2 voices, and was last updated 8 years ago by Andrew Misplon.
Tagged: polylang
- AuthorPosts
- September 5, 2016 at 12:56 pm #4757
beregodParticipantGood 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 translatedI 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 englishWhen 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
September 5, 2016 at 2:22 pm #4762
Andrew MisplonKeymasterHi 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
September 6, 2016 at 11:17 am #4768
beregodParticipantHi 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 translatedSeptember 6, 2016 at 11:27 am #4769
Andrew MisplonKeymasterThanks.
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; }
September 6, 2016 at 12:10 pm #4770
beregodParticipantI have installed Simple Custom CSS and added the code, but it seems to be same issue
September 6, 2016 at 2:55 pm #4772
Andrew MisplonKeymasterI 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; }
September 8, 2016 at 1:38 pm #4793
beregodParticipantHi 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 32) mobile verison:
block 1
block 2
block 3September 8, 2016 at 1:45 pm #4795
Andrew MisplonKeymasterAwesome 🙂 Glad to hear you’ve made progress. Thanks for posting. The
margin
property doesn’t offer a unitless value likeline-height
does so perhaps consider changing the 3 values to3px
or3%
.September 8, 2016 at 2:57 pm #4796
beregodParticipantI 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
September 8, 2016 at 6:24 pm #4802
Andrew MisplonKeymasterThe 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.
September 9, 2016 at 9:40 am #4813
beregodParticipantThis reply has been marked as private.September 9, 2016 at 10:12 am #4816
Andrew MisplonKeymasterThis reply has been marked as private.September 9, 2016 at 10:12 am #4817
Andrew MisplonKeymasterThanks, you can check now.
September 9, 2016 at 10:17 am #4818
beregodParticipantHi Andrew,
Thank you very much for your support! All is done and working good
September 9, 2016 at 10:18 am #4819
Andrew MisplonKeymasterFor sure 🙂
- AuthorPosts
You must be logged in to reply to this topic.