Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • August 11, 2017 at 1:28 pm #837439
    aka-alex

    After the last update, the header of the site covers the breadcrumbs bar underneath. I also noticed that header elements (logo and menu) seem to be moved lower. I tried to fix the problems by following the Kriesi tips (purge cache, deactivate plugin etc) but no one seems to work. The problem is manifested by opening every single blog and the breadcrummbs bar is half covered by the header. Please help me

    August 11, 2017 at 5:51 pm #837571
    Jordan Shannon

    Hey aka-alex,

    Add the following to quick css:

    .title_container .breadcrumb{
margin-top:7px!important;
}

    Best regards,
    Jordan Shannon

    August 11, 2017 at 7:00 pm #837602
    aka-alex

    Thank you Jordan!
    How could I align the bredcrumb text on the left of the bar? Could we reduce also the high of the header?

    Cheers

    August 11, 2017 at 7:31 pm #837627
    Jordan Shannon

    Hi,

    Add the following to quick css:

    #header #advanced_menu_hide{
display:none!important;
}

#header #advanced_menu_toggle{
display:none!important;
}

.title_container .breadcrumb{
right:inherit!important;
}

    Best regards,
    Jordan Shannon

    August 12, 2017 at 12:22 pm #837831
    aka-alex

    Hi Jordan,

    I’ve added your code strings to your last message. In the end I changed my mind and prefer to keep the header’s new layout. Unfortunately I noticed that there is also a line and an icon with a x in transparency at the top of the header (the x icon is on the left corner of the header) that you see when you scroll down on a white part of the page. Could you give me a hand to eliminate it?

    All the best

    August 12, 2017 at 2:38 pm #837891
    Victoria

    Hi aka-alex,

    You have an old version on the header.php in your child theme. If there were any modifications there you need to merge them with a fresh version of the header.php from you parent theme, if no modifications were made in that file, you can either remove it from you child theme or just copy a fresh one there. #advanced_menu_hide and #advanced_menu_toggle are not supposed to be there any more.

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

    August 20, 2017 at 10:31 am #841640
    aka-alex

    Hi Victoria!

    Thanks for your help! I switch the old header.php file with the new one, but some graphical issues still remain. Should I change other files in child theme?

    Best Regards

    Aka-alex

    August 21, 2017 at 1:23 pm #841985
    Victoria

    Hi Aka-alex,

    If you have other themes in your child theme, you might want to compare them too. You can point us to the issues, if you want us to have a look as well.

    Best regards,
    Victoria

    August 21, 2017 at 3:07 pm #842036
    aka-alex

    Hi Victoria,

    You can find some graphic problems by visiting the site’s home page at http://www.decimagames.it. You will notice that a line runs through the header and in the upper left there is an x ​​icon (desktop version of the site) in transparency. As for the mobile version of the site, I thought I had solved the breadcrumb bar issues but you can see that the text is cut (please visit https://www.decimagames.it/sbaglio-vengono-aggiunte-le-microtransazioni-destiny-steam/ this time from a mobile device).

    Thanks for your help and sorry for the discomfort but it’s the first time I really struggle to solve an issue with Enfold.

    All the best

    Aka-ALEX

    August 21, 2017 at 4:26 pm #842075
    Jordan Shannon

    Hi,

    Add the following to quick css to remove the line:

    #advanced_menu_toggle, #advanced_menu_hide{
display:none!important;
}

    To fix the breadcrumbs on mobile add this:

    
@media only screen and (max-width: 767px)  {
.title_container .breadcrumb{
margin-top:-20px!important;
}
}

    Best regards,
    Jordan Shannon

    August 23, 2017 at 8:24 am #842905
    aka-alex

    Hi Jordan,

    Thanks for your kindness. I tried both your css lines, the first one remove the line (excellent) but all menu items with logo have been moved up in the header, while the second CSS line seemed to be ineffective on breadcrumb.

    Cheers

    Aka-alex

    August 23, 2017 at 3:31 pm #843070
    Jordan Shannon

    Hi,

    The logo and menu has been moved up because the upper menu has been removed. I’m no longer seeing the breadcrumbs being cut off on mobile. Have you cleared the cache? Is there a specific page its not working on?

    Best regards,
    Jordan Shannon

    February 10, 2018 at 4:47 pm #910555
    chiefsusee76

    Hello, I think I have a similar rpoblem. The back to top button/arrow shows only at full screen size. On tablet and mobile version it is not showing or hidden. Do you have some quick css for me to fix this?
    Thanks, Susanne

    February 10, 2018 at 5:26 pm #910571
    Jordan Shannon

    Hey chiefsusee76,

    Try adding this to quick css:

    @media only screen and (max-width: 767px){
.responsive #scroll-top-link {
    display: block!important;
}}

    Best regards,
    Jordan Shannon

    February 12, 2018 at 3:15 pm #911124
    chiefsusee76

    Hello Jordan,
    it worked! Great. Thank you.

    February 12, 2018 at 3:38 pm #911142
    Nikko

    Hi,

    Glad that Jordan helped you. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Header covers the underlying breadcrumbs bar’ is closed to new replies.