Centered Elements In The Educon Template - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

Centered Elements In The Educon Template

P

Paweł Tarko

Template 2 weeks ago

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

https://prnt.sc/OMvEe9m6Rph3

0
7 Answers
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 week ago #206053

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,

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 week ago #206097

Please, check now.

Thanks

0
P
Paweł Tarko
Accepted Answer
1 week ago #206089

Thank you, Login details below

0
P
Paweł Tarko
Accepted Answer
1 week ago #206112

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?

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 week ago #206054

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,

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 week ago #206055

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

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 week ago #206125

Please, follow this response.

0