Logo position on pages other than home page

Previously I asked a question about changing the way the logo sat on the home page and I got the answer and fixed it https://www.joomlart.com/forums/d/44178-logo-position

However, now I notice that the logo on other pages is also altered and sits to far down the page https://www.shootforstars.com/index.php/members-club/international-students-club is there a way to move it up on all the pages except the home page?

Many thanks Jim

Hi Jim,

I added a class called home into the Home menu item of your site and changed that custom css code to:

@media (min-width: 576px){
.home .navbar-brand.logo-control img.logo-img {
    margin-top: 80px;
}
}

so it will be applied to homepage only.

Kindly check.

Thanks as always saguaros for your great help.

Sorry, so how do I then edit it to so that the logo sits nicely on all the other pages, for example: https://www.shootforstars.com/index.php/vietnam
https://www.shootforstars.com/index.php/members-offers

Cheers Jim

You can add this css code:

.navbar-brand.logo-control img.logo-img {
    margin-top: 35px;
}

and adjust the value to suit your need.

saguaros Thanks but it hasn't worked?

Is you look at this page for exampler https://www.shootforstars.com/index.php/about-us you can see the logo is half hidden at top of page.

Jim

I did not see my suggested code on your site, I just added it and it works 🙂

saguaros thanks where did you add it? I added it before in /home/public_html/templates/ja_colab/css/custom.css

I added via Template styles >> JA Colab >> Tools >> edit custom css

The generated css file is:

/home/public_html/templates/ja_colab/local/css/custom.css

If you have you custom css code in this file: /home/public_html/templates/ja_colab/css/custom.css

Please copy it to: /home/public_html/templates/ja_colab/local/css/custom.css