Hi there I need to middle align (vertically) the phone text in the secondary header. It looks like it’s bottom aligned with the button short code I have in with it.
Hey web4698,
Please try the following in Quick CSS under Enfold->General Styling:
.phone-info strong {
vertical-align: middle;
}
Best regards,
Rikard
Thanks, Rikard but this code doesn’t change anything. Any other solution?
Hi web4698,
Please try to use this CSS code:
#top .phone-info > span {
display: flex;
align-items: center;
}
Best regards,
Nikko
Hi web4698,
Please replace the code I gave with this one:
#top .phone-info > span {
display: flex;
align-items: center;
justify-content: center;
}
#top .phone-info .avia-button-wrap {
margin-left: 4px;
margin-right: 4px;
}
@media only screen and (max-width:1224px) {
#top #header_meta .sub_menu {
padding-bottom: 10px;
}
}
Best regards,
Nikko
That looks exactly the same as the first code provided. Any other ideas?
Hi web4698,
I think it must be due to some caching.
I tried to check on your site again with a web inspector and I don’t see the code I posted being implemented.
Best regards,
Nikko
Hi web4698,
I still could not see the code but I do see the issue.
I tried to login and check, however I’m getting this:
Access Denied - Sucuri Website Firewall
Please unblock the IP in private content.
Best regards,
Nikko