Support » Theme: Meteorite » Making social links on the left.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Theme Author terrathemes

    (@terrathemes)

    That is only possible if you choose the combination with social links and claim. Then I can provide you some CSS.

    I selected “With topbar (contact left, social icons right)” but social icons did not appear.

    Theme Author terrathemes

    (@terrathemes)

    Change the following rule from the Additional CSS section

    .topbar a:nth-child(1)::before {
    	content: "";
    }

    to

    .topbar .contact-field a:nth-child(1)::before {
    	content: "";
    }

    This should show the icons again.

    I selected “With topbar (contact left, social icons right)”

    It only works if you use the option “With topbar (contact left, claim right)”. You cannot have the contact information if you want the social icons and the claim. Otherwise you would need some JS or PHP code again or you could write the code on your own. I cannot provide you any custom functions anymore, since it is too time-consuming.

    Theme Author terrathemes

    (@terrathemes)

    It only works if you use the option “With topbar (contact left, claim right)”.

    I made a mistake here, you have to choose “With topbar (social icons left, claim right)”. But again, you cant have the claim, social icons and the contact information in the topbar by default. You would have to copy the function meteorite_nav_topbar from meteorite/inc/functions/functions-header.php and modify this in the child theme.

    I copied / pasted 67-160 lines from / inc / functions / functions-header.php file. `.topbar .contact-field a: nth-child (1) :: before {
    content: “”;
    }`
    But there are 6 phone icons.

    Theme Author terrathemes

    (@terrathemes)

    To fix the phone icons find this code in the Additional CSS section

    .topbar a:nth-child(1)::before {
    	content: "\f10b";
    	display: inline-block;
    	font-family: "FontAwesome";
    	font-size: 24px;
    	line-height: 0;
    	padding: 0 7px 0 0;
    	position: relative;
    	top: 2px;
    	-webkit-transition: all 0.3s;
    	-moz-transition: all 0.3s;
    	-ms-transition: all 0.3s;
    	-o-transition: all 0.3s;
    	transition: all 0.3s;
    }

    and change it to

    .topbar .contact-field a:nth-child(1)::before {
    	content: "\f10b";
    	display: inline-block;
    	font-family: "FontAwesome";
    	font-size: 24px;
    	line-height: 0;
    	padding: 0 7px 0 0;
    	position: relative;
    	top: 2px;
    	-webkit-transition: all 0.3s;
    	-moz-transition: all 0.3s;
    	-ms-transition: all 0.3s;
    	-o-transition: all 0.3s;
    	transition: all 0.3s;
    }

    Yes, it’s good. “Company claim” is not possible on the far right, I guess.
    Best regards..

    Theme Author terrathemes

    (@terrathemes)

    It is possible, but you have to do this on your own. I cannot provide any custom functions anymore because it is too time-consuming.

    I will mark this topic as resolved.

    Thank you.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Making social links on the left.’ is closed to new replies.