As I'm building a single page site, I would like to make my logo centered on both Desktop and Mobile with the JA Coach template but I'm not quite sure how to do this properly.

I know I could probably hack something to make it work, but would like to know how to achieve this as simply as possible.

    Hi kraymitchell1979,
    I have helped you edit the header layout from Backend > System > Template styles > JA coach > Layouts setting> Header
    Replace the following code:

    <div class="col-5 col-lg-6">
     <jdoc:include type="element" name="logo" data-home="index.php" />
</div>

    With this code:

    <div class="col-12 col-lg-12 center-logo">
     <jdoc:include type="element" name="logo" data-home="index.php" />
</div>

    Then add the following CSS code to the Tools > Custom CSS:

    .center-logo {
    margin: 0 auto;
    text-align: center;
}
        Write a Reply...
        You need to Login to view replies.