Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 24, 2017 at 10:22 pm #799213
    Swarez

    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, 5 months ago by Swarez.
    May 25, 2017 at 8:46 pm #799783
    Victoria

    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

    May 25, 2017 at 9:57 pm #799833
    Swarez

    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 7 years, 5 months ago by Swarez.
    May 26, 2017 at 4:14 pm #800206
    Andy

    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

    May 26, 2017 at 4:22 pm #800225
    Swarez

    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 7 years, 5 months ago by Swarez.
    May 26, 2017 at 4:27 pm #800231
    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.
    Thanks
    Ed

    May 27, 2017 at 4:11 pm #800546
    Victoria

    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

    May 27, 2017 at 4:22 pm #800549
    Swarez

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

    May 27, 2017 at 7:03 pm #800611
    Victoria

    Hi Ed,

    Glad we could help :)

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

    October 10, 2017 at 10:39 am #862401
    kona123

    Just found that code very useful, thanks Victoria!

    October 11, 2017 at 5:39 am #862726
    Rikard

    Hi kona123,

    Thanks for the feedback :-)

    Best regards,
    Rikard

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