Good Morning I am trying to center the top socket phone info area. I have the code in there and I’ve tried several different things and I cannot seem to get it to corporate. Can you please help me? Details in the private link area.
Hey amanda-mdllc,
Thank you for the inquiry.
Try to add this code to the Quick CSS field to center-align the phone info.
#top #header_meta .container {
display: flex;
justify-content: center;
}
Best regards,
Ismael
That’s not working here are the 2 sections of code I have for the header meta phone area
#top #header_meta .container {
display: flex!Important;
justify-content: center!Important;
min-height: 30px;
height: 50px;
font-size:18px!Important;
}
#header_meta .phone-info {
color: #ffffff;
padding-top: 15px;
text-align:center!Important;
font-size:18px!Important;
}
Hi,
Thank you for the update.
Please try to toggle or temporarily disable the Enfold > Performance > File Compression settings, then purge the cache. If it’s still not working, provide the login details in the private field.
Here’s how it looks like when we apply the modification directly to the browser.
Best regards,
Ismael
That did not work so I will need your help. Thanks in advance.
Hi,
The login details are not working, please check and verify.
Best regards,
Rikard
Ookie try that again, I reset it.
Thanks!
Hi,
The account is still invalid. Please check the info carefully or provide another admin account.
Best regards,
Ismael
Hi,
Thank you for the update.
We corrected the code in the Quick CSS field and temporarily disabled the Enfold > Performance > File Compression settings. Please make sure to purge the cache before checking the page.
Best regards,
Ismael
This is done! Thank you!
Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike