Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #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 6 years, 12 months ago by Swarez.
    #799783

    Hey Swarez,

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

    Best regards,
    Victoria

    #799833

    Hi 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 6 years, 12 months ago by Swarez.
    #800206

    Hi,

    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,
    Andy

    #800225

    Hi 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 6 years, 12 months ago by Swarez.
    #800231

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

    #800546

    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) {
    	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,
    Victoria

    #800549

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

    #800611

    Hi Ed,

    Glad we could help :)

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

    #862401

    Just found that code very useful, thanks Victoria!

    #862726

    Hi kona123,

    Thanks for the feedback :-)

    Best regards,
    Rikard

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