![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: breadcrumbs, title bar
-
AuthorPosts
-
May 24, 2017 at 10:22 pm #799213
Hi
Any way of being able to move the Breadcrumb and title bar to the mock up in the photo attached? What we have now is the top image but I would like to move the breadcrumb and title into the content section.Do I have to go through the process of activating the breadrcumbs as a shortcode to be able to do this? I only want to do this move on pages that have a Colour Section at the top. I find the breadcrumbs to be in the wrong place for the user experience.
Image here: https://www.dropbox.com/s/jdn343t5yuicoak/BREADCRUMBS-MOVE.jpg?dl=0
Also do you ever plan on allowing breadcrumbs on Transparent header options?
Thanks
Ed-
This topic was modified 7 years, 3 months ago by
Swarez.
May 25, 2017 at 8:46 pm #799783Hey Swarez,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaMay 25, 2017 at 9:57 pm #799833Hi Victoria
Sure its https://www.swarez.co.uk/
It’s pages I would like to change – Portfolio items (Paintings) are okay as are blog posts. Just the 30 or so pages that get the majority of the traffic. Homepage is irrelevant.
Kind Regards
Ed-
This reply was modified 7 years, 3 months ago by
Swarez.
May 26, 2017 at 4:14 pm #800206Hi,
we can’t see the breadcrumbs elements in question, so better to provide us a precise link with the elements in question.
However, try this code inside Quick CSS field:
.stretch_full.container_wrap.alternate_color.light_bg_color.title_container { top: 490px; }
and adjust as needed.
Best regards,
AndyMay 26, 2017 at 4:22 pm #800225Hi Andy
As I mentioned the breadcrumb is not on the homepage! Just choose any other page.
Try this as an example: https://www.swarez.co.uk/about/
I would like breadcrumbs to be under the colour section, not on top of it – like I put in the image attachment as an example.The CSS you provided, which is kind of you, moves it out of the bar and places it randomly over the content! A good try but not ideal! I also want to get rid of the white container that would have the breadcrumb in it.
I have left the CSS live on the About me page so you can now see what your code does.
Thanks
Ed-
This reply was modified 7 years, 3 months ago by
Swarez.
May 26, 2017 at 4:27 pm #800231Hi Andy
I’m going to remove that CSS as it’s awful on the other pages I have tried after clearing the cache.
Thanks
EdMay 27, 2017 at 4:11 pm #800546Hi Swarez,
You could use the code below, but, your code is minified and there are errors in it, so this might not work right away.
Here is the code you can put in your funtions.phpadd_action('wp_footer', 'avia_move_breadcrumbs'); function avia_move_breadcrumbs(){ ?> <script type="text/javascript"> (function(jQuery) { jQuery(".stretch_full.container_wrap.title_container").insertAfter("#av_section_1"); })(jQuery); </script> <?php }
If you need further assistance please let us know.
Best regards,
VictoriaMay 27, 2017 at 4:22 pm #800549You are wonderful Victoria – thank you so much!!!!
I can have a tweak now but that does the job!
Thank you again
Regards
EdMay 27, 2017 at 7:03 pm #800611Hi Ed,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
VictoriaOctober 10, 2017 at 10:39 am #862401Just found that code very useful, thanks Victoria!
October 11, 2017 at 5:39 am #862726 -
This topic was modified 7 years, 3 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.