Hello, this is my first post. How do I center elements in the Educon template?
I'd like the logo visible on the page (in the logo section) to be centered, not on the left as it is now.
Similarly, the horizontal menu (in the menu section) is aligned to the right, and I'd prefer it to be centered.
I've searched for solutions in the template settings and styles, but haven't found the right settings.
I'm still learning the new Joomla!
Thanks in advance for your help, Pawel
Please, check now.
Thanks
Hello,
Thanks for reaching out to us. Could you please share temporary administrator access to your Joomla backend? You can provide the credentials securely in the hidden content section. Also, please take a full backup of your site before we make any changes.
Once I have access, I’ll investigate further and see what’s causing the issue. Let me know once you’ve shared the details!
Best regards,
Thank you,
Login details below
Great :)
Thank you very much for solving the problem.
Could you please tell me how to solve such problems in the future? Did you integrate it into the CSS files, or is it possible through Joomla's styles?
Hi Pawel!
Thanks for reaching out.
It seems you have created a custom header there. Would you please share your site URL? It will be helpful for me to let you know the solution. Custom CSS is needed!
Best regards,
Please, use this css, follow this documentation to add css: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta
div#sp-logo .logo a img {
margin: 0 auto;
}
div#sp-top2 .sp-module.sp-educon-login {
margin: 5px auto;
text-align: center;
}
div#sp-menu .sp-megamenu-wrapper ul.sp-megamenu-parent {
float: unset;
margin: 0 auto;
display: block;
text-align: center;
}
/* Smaller screens first */
@media (min-width: 991px) {
.educon-top-search .icon-top-wrapper {
left: -160px;
}
}
@media (min-width: 1200px) {
.educon-top-search .icon-top-wrapper {
left: -228px;
}
}Thanks
Please, follow this response.