Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 30, 2022 at 12:51 am #1359905
    Sozo

    Hello!

    So I had a weird caching issue while updating which made the entire process absolutely awful, entire sections of the site wouldn’t display correctly, and the buttons were either missing, white, or displayed the wrong content It was a mess. Not your fault at all, but man that was a headache…never had that happen before.

    So, my site is extremely slow, and trying to optimize it has been difficult. I can minify CSS without issue. I can’t use the enhancement built into the theme itself or things break, the layer slider on the front end disappears but leaves a huge space where it should be. Mobile menus stop working. Other image display issues with sliders and boxes, and icons disappear.

    In the performance tab, I can’t remove the query string, or anything related to JQ. Since I’m using caching, I can’t delete old files (tried it anyway and it left a huge blank spot in the middle of the page)

    In the enhancement tool itself, I can’t do anything with JS, can’t minify or combine, and can’t defer render blocking scripts, which Google itself said to do in it’s report.
    Anything I do to try and speed up the site and make it load faster breaks.

    I say all of that to say if you have a suggestion, I’d love to hear it. Everyone up to this point has said it’s a lost cause that I either have to deal with slow sight or get a different theme and start over because I should be able to optimize my site without problems. I don’t have answers I’m just frustrated. I’ve had two days of fixing just to get things functional again and I’m honest over it.

    The part I can’t seem to fix, along with everything else, is the header transparency. It works perfectly fine on the desktop. Mobile just shows a solid color header. Even the emulators and desktop browsers shrunk down to a small size, show the solid header.

    I’ve included credentials below. Thank you in advance

    July 30, 2022 at 8:38 pm #1359953
    Rikard

    Hey Sozo,

    We can’t really help out with third party plugins unfortunately. There is a conflict between the SG Optimizer and the theme when JavaScript file compression is turned on in the theme, but I see that you have turned that off in the theme options. Does your site perform much better if you switch to a different theme, but keep the same content? Slow site performance is usually related to poor server performance.

    If you want a transparent header on mobile, then please refer to this: https://kriesi.at/documentation/enfold/header/#transparent-header-on-mobile

    Best regards,
    Rikard

    July 30, 2022 at 11:20 pm #1359968
    Sozo

    Hi, Rikard,

    I completely understand and was mainly interested in any suggestions you might have. In my testing, after posting that, I removed the layer slider completely. On mobile, my page score went from 20 to over 60, and load times went from 6-8 seconds to just under 2 seconds. So that layer slider has some real issues, at least in my implementation. I will be removing it completely soon, once I convince the owner LOL PS. Desktop score after removing the slider was 97

    As for the transparency, thank you for the link. When I set the site up initially, the transparency worked out of the box and I didn’t have to add or adjust anything.

    I tested your suggestion and it works but I lose my breadcrumbs, which I have set below the title container. 

    /* Breadcrumbs below page title */
.title_container .breadcrumb {
  position: relative;
  left: -2px;
  top: 5px;
}

    How do I go about having both once again?

    • This reply was modified 2 years, 2 months ago by Sozo.
    August 1, 2022 at 5:41 am #1360057
    Ismael

    Hi,

    I tested your suggestion and it works but I lose my breadcrumbs,

    This is part of the reason why fixed or transparent headers are disabled on mobile devices by default. We could add more css modifications to correct these issues but we would suggest leaving the header as it is on mobile view.

    On which pages do you need a transparent header? If you only need it in the home page or within a page without a breadcrumb, this css should work.

    @media only screen and (max-width: 990px) {
   .responsive.html_mobile_menu_tablet #top.home #wrap_all #header { 
        position: absolute;
    }

    .html_mobile_menu_tablet #top.home #wrap_all .av_header_transparency {
	background: transparent;
    }
}

    Best regards,
    Ismael

    August 1, 2022 at 9:23 pm #1360202
    Sozo

    Thank you for your help, I’ll change the plans and just leave transparency on the first page.

    August 1, 2022 at 10:41 pm #1360208
    Rikard

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

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