Okay
  Public Ticket #2067684
Hide logo on front page
Closed

Comments

  • PropelWebs started the conversation

    Hi Gang,

    I removed the logo from the settings because I didn't want it on the homepage (I created a banner image with the logo in it. Now I realized it's not showing on all other pages. Is there an easy fix for this?

    Thanks

  •  521
    Vasilis replied

    Hi there,

    can you send me a username and password to bypass the security option and check whats going on?

  •   PropelWebs replied privately
  •  521
    Vasilis replied

    Hi there,

    add this

    .home #header {
        height: auto
    }
    .home #header .site-logo {
        display: none;
    }
    @media(min-width:991px) {
        .home #home-slider {
            top: -110px;
            margin-bottom: -110px;
        }
        .home #home-slider .slides li {
            height: 900px;
        }
        .home .hero-player{
        margin-top:-208px
        }
    }
    

    in your custom CSS box

    I am guessing you need this only for the frontpage?

  • PropelWebs replied

    Hi Vasilis,

    Thank you for that. There's a few problems.

    1- After I entered the code, the photo alignment is still at the top on tablet and mobile view. See attached photo.

    2- Also, when visiting the other pages, the logo is too big and has a line going through it. See attached photo.

    3- I was wondering if I could have the menu centered, but I won't get the look I want. So alignment right (as per default) would work just fine.

  •  521
    Vasilis replied

    Hi there,

    1. Can you add the code before any other custom css  you might have and let m know?

    2. Add this

    .site-logo {
        position: relative;
        top: -69px;
        max-width: 256px;
    }
    @media(max-width:767px){
        .site-logo {
        position: relative;
        top: -47px;
            margin:auto;
    }
    }

    in your custom CSS box to fix the logo issue.

    We can align the menu in the center, but I will not look good

    #header .col-md-8{
        width:100%;
    }
    #header nav ul li{
     display:inline-block;
        float:none;
        
    }
    #nav {
        position: relative;
        right: 0;
        top: 0;
        text-align: center;
        margin: auto;
    }
    #nav {
        position: relative;
        right: 0;
        top: 0;
        text-align: center;
        margin: auto;
        top: -80px;
    }
    #header .col-md-4{
        width:100%;
        text-align:center;
    }
    #header .col-md-4 h1{
        margin:auto;
    }

    in your custom CSS box. 

    Let me know if you need additional help on this.

  • PropelWebs replied

    I agree...centered menu would not look good. I pasted your CSS and got an error. See attached photo. Also, when I did this change, it displayed the logo on the homepage again.

  •  521
    Vasilis replied

    Hi there,

    you cannot paste custom css anywhere inside your previous css. You will need to paster it either before or in the end of the code you already have. 

  • PropelWebs replied

    HI Vasilis,

    I added it at the end of the existing code and it worked. The first time I had put it in the beginning. All good!

    Thanks

  •  521
    Vasilis replied

    Glad I could help!