![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
September 30, 2014 at 1:46 pm #327193
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 #327196September 30, 2014 at 2:57 pm #327277Sorry 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.
October 1, 2014 at 8:57 am #327898Hey!
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!
IsmaelOctober 1, 2014 at 2:11 pm #328076Hi 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 #328077See post above – I added it to quick css.
October 1, 2014 at 2:16 pm #328082Hey!
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 developerBest regards,
YigitOctober 1, 2014 at 4:39 pm #328256This reply has been marked as private.October 1, 2014 at 5:06 pm #328286Hi!
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 casesRegards,
YigitOctober 1, 2014 at 10:45 pm #328545I 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 #328808Hey!
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 -
AuthorPosts
- The topic ‘Fix title / breadcrumb bar’ is closed to new replies.