Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #242033

    Hi there,
    Still in “production” and was busy on other projects so I haven’t worked on the site for a few weeks. I “came back” yesterday for new adjustments and discovered that the title container had changed of appearance and wasn’t anymore like it used to be.

    At the time I had made a little customization with your help ->
    /* Reducing title container’s height */
    #top .title_container .container {
    padding: 6px 0;
    min-height: 45px;
    }
    And it was just perfect.

    But yesterday it wasn’t looking the same anymore – no idea why (???) – so I tried to change CSS again. It’s close from what I had before but I would really like the title of the page (on the left) and the “Vous fêtes ici / You are here : …..” (on the right) to be ALIGNED and CENTERED vertically in the container. Here is my “new css customization try”. Could you please help me and tell me what I should add in the “new” CSS ?? (see below).

    /* Reducing title container’s height */
    #top .title_container .container {
    padding: 17px 0px 6px 0px;
    min-height: 45px;
    }

    And here is the production link :
    http://eq59799.amanda6.nfrance.com/

    Thanks a lot !!
    Marie

    #242539

    Hi marienoisette!

    Please add this one to vertically align the breadcrumb:

    .title_container .breadcrumb {
    margin-top: 0;
    }
    
    #top .title_container .container {
    padding: 0px 0px 6px 0px;
    min-height: 30px;
    }
    
    .title_container .main-title {
    top: 9px;
    }

    Best regards,
    Ismael

    #242583

    Thank you Ismael !
    That worked but then the container’s height was too small for me…
    I tried to change some of your values and it looks ok for me this way.
    Can you just confirm these values are good for you, I mean… “logical/clean” ?
    Thanks again,
    Marie

    http://eq59799.amanda6.nfrance.com/

    /* Reducing title container’s height and vertically align the breadcrumb */

    .title_container .breadcrumb {
    margin-top: 0;
    }

    #top .title_container .container {
    padding: 0px 0px 6px 0px;
    min-height: 60px;
    }

    .title_container .main-title {
    top: 18px;
    }

    #242879

    Hi!

    Your code looks good. Glad Ismael could help! Let us know if you have any other questions or issues

    Regards,
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Title container under menu’ is closed to new replies.