Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • September 30, 2014 at 1:46 pm #327193
    CoolPenguinSays

    Hi everyone, I wanted to know how to fix the breadcrumb / title bar on standard pages? I know the head shrinks and then remains fixed but I would like to fix the title bar as well?

    September 30, 2014 at 1:47 pm #327196
    Yigit

    Hey CoolPenguinSays!

    Can you post the link to your website please?

    Regards,
    Yigit

    September 30, 2014 at 2:57 pm #327277
    CoolPenguinSays

    Sorry Yigit it’s on this page (below) which may look familiar. I would like to fix the grey horizontal bar along with the header and be able to do it for all pages using this format.

    http://catenais.co.uk/wordpress/dee-shackles/

    October 1, 2014 at 8:57 am #327898
    Ismael

    Hey!

    You can use this on Quick CSS or custom.css:

    
.header-scrolled  + #main .stretch_full.title_container {
position: fixed;
top: 120px;
z-index: 1000;
width: 100%;
}

.header-scrolled + #main .stretch_full.title_container .container {
width: 1130px;
}

    The top value will depend on the height of the shrink header. Use media queries to change the width of the title container on different screen sizes.

    Cheers!
    Ismael

    October 1, 2014 at 2:11 pm #328076
    CoolPenguinSays

    Hi Ismael, I’ve added the code and done a strong refresh but nothing appears to have changed? The title bar is not fixed?

    http://catenais.co.uk/wordpress/dee-shackles

    Kevin.

    October 1, 2014 at 2:11 pm #328077
    CoolPenguinSays

    See post above – I added it to quick css.

    October 1, 2014 at 2:16 pm #328082
    Yigit

    Hey!

    Do you mind creating a temporary admin login and posting it here privately so we can look into it?
    Please note that making breadcrumbs bar fixed using custom CSS we provide may not be the most user-friendly way of doing it. Any further customization should be done by a freelance developer

    Best regards,
    Yigit

    October 1, 2014 at 4:39 pm #328256
    CoolPenguinSays
    This reply has been marked as private.
    October 1, 2014 at 5:06 pm #328286
    Yigit

    Hi!

    Please review your website now. There was a missing closing curly bracket in one of your custom CSS code i added and code seems to be working fine now.
    And thank you for your understanding. We do not mind helping with small customizations but heavily modifying one element may affect another element and may require more custom work that is why we recommend users to hire a freelance developer in those cases

    Regards,
    Yigit

    October 1, 2014 at 10:45 pm #328545
    CoolPenguinSays

    I wholly understand and cannot thank you guys enough for going the extra mile. If you would like me to add a review somewhere to champion your services I would be more than happy to do so.Looks like it’s all working, I think this thread can be closed.

    Kevin.

    October 2, 2014 at 10:23 am #328808
    Ismael

    Hey!

    Glad it is working now.

    You still have to use media queries to change the width of the title and breacrumb container on smaller screens:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
.header-scrolled + #main .stretch_full.title_container .container {
width: 682px;
}
}

    Regards,
    Ismael

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Fix title / breadcrumb bar’ is closed to new replies.