-
AuthorPosts
-
August 11, 2017 at 1:28 pm #837439
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 #837571Hey aka-alex,
Add the following to quick css:
.title_container .breadcrumb{ margin-top:7px!important; }
Best regards,
Jordan ShannonAugust 11, 2017 at 7:00 pm #837602Thank 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 #837627Hi,
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 ShannonAugust 12, 2017 at 12:22 pm #837831Hi 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 #837891Hi 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,
VictoriaAugust 20, 2017 at 10:31 am #841640Hi 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 #841985Hi 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,
VictoriaAugust 21, 2017 at 3:07 pm #842036Hi 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 #842075Hi,
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 ShannonAugust 23, 2017 at 8:24 am #842905Hi 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 #843070Hi,
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 ShannonFebruary 10, 2018 at 4:47 pm #910555Hello, 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, SusanneFebruary 10, 2018 at 5:26 pm #910571Hey chiefsusee76,
Try adding this to quick css:
@media only screen and (max-width: 767px){ .responsive #scroll-top-link { display: block!important; }}
Best regards,
Jordan ShannonFebruary 12, 2018 at 3:15 pm #911124Hello Jordan,
it worked! Great. Thank you.February 12, 2018 at 3:38 pm #911142Hi,
Glad that Jordan helped you. Thanks for using Enfold :)
Best regards,
Nikko -
AuthorPosts
- The topic ‘Header covers the underlying breadcrumbs bar’ is closed to new replies.