[halfiranianParticipant]

Thanks for taking the time to walk me through this. Unfortunately nothing has changed. I am attaching screenshots to show you what I am doing just to confirm.

[ZeshanMember]

Hi there,

Please try this code instead:

.always-in-line .x-column.x-1-2 {
  float: left;
  width: 48%;
  margin-right: 4%;
}

.always-in-line .x-column.last, 
.always-in-line .x-column:last-of-type {
    margin-right: 0;
}

Thank you!

[halfiranianParticipant]

Right now it’s the left column that being pushed down and the Facebook icon is missing. Also, the logo (on the right) became very small.

[halfiranianParticipant]

By the way that was the same code wasn’t it?

[ZeshanMember]

Hi there,

No, the previous code had a syntax error that’s why it wasn’t working. I’ve fixed that in my last provided code. If you see the first line of the code, you’ll notice I’ve replaced a dot with a hyphen.

As for the icons being pushed down, try adding this CSS code under Custom > CSS in the Customizer:

.x-text > p:empty {
  margin: 0;
}

The logo is small because you have following CSS code under Custom > CSS in the Customizer:

@media (max-width:979px){
div#x-section-1 img {
    width: 15%;
}
} 

Remove this CSS and the logo should appear in its normal size.

Regarding the missing social media icon, you are using a 3rd party plugin to show these social sharing buttons. As mentioned before, we cannot provide support for third party plugins or scripts as our support policy in the sidebar states due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s plugin or script. Because of this, any questions you have regarding setup, integration, or troubleshooting any piece of functionality that is not native to X will need to be directed to the original developer.

Thank you for your understanding.

[halfiranianParticipant]

That works. The issue now is that when you load the page, the logo appears in the middle before moving to the right. Looks like a glitch.

[Paul RModerator]

Hi,

Please try adding this in the style field of your column element where your logo resides.

text-align: right; 

Hope that helps.

[Author]

Posts