Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #799213

    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:

    Also do you ever plan on allowing breadcrumbs on Transparent header options?


    • This topic was modified 6 years, 4 months ago by Swarez.

    Hey Swarez,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,


    Hi Victoria
    Sure its
    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

    • This reply was modified 6 years, 4 months ago by Swarez.


    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,


    Hi Andy

    As I mentioned the breadcrumb is not on the homepage! Just choose any other page.
    Try this as an example:
    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.


    • This reply was modified 6 years, 3 months ago by Swarez.

    Hi Andy
    I’m going to remove that CSS as it’s awful on the other pages I have tried after clearing the cache.


    Hi 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.php

    add_action('wp_footer', 'avia_move_breadcrumbs');
    function avia_move_breadcrumbs(){
    <script type="text/javascript">
    (function(jQuery) {

    If you need further assistance please let us know.

    Best regards,


    You are wonderful Victoria – thank you so much!!!!
    I can have a tweak now but that does the job!
    Thank you again


    Hi Ed,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,


    Just found that code very useful, thanks Victoria!


    Hi kona123,

    Thanks for the feedback :-)

    Best regards,

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.