Viewing 17 posts - 31 through 47 (of 47 total)
  • Author
    Posts
  • #1355898

    Lefteris

    Seems like the issue with the gap is because of the lazy loading in SG optimizer.

    #1355926

    Hi Lefteris,

    We’re glad that you were able to identify the cause of the issue.
    If there are any issues try to disable JS or CSS minification and/or merging.

    Best regards,
    Nikko

    #1355949

    Lefteris

    I tried to create a custom css and add that as an exception, but didn’t work. If you have an idea please let.me know.

    Regarding the bug with buttons, that didn’t work. I also tried to make the caption smaller but with no success

    #1355975

    Hi,

    Thanks for the update. The page you previously linked to is not available anymore, please post a link to where we can see the actual problem.

    Best regards,
    Rikard

    #1355988

    Lefteris

    I have created a new site. See below

    #1356022

    Hi,

    Thanks for that. I set smaller font sizes for the smaller screen resolutions for you in the element option, and that works as expected. Please review your site.

    Best regards,
    Rikard

    #1356054

    Lefteris

    Yes i can see the one button but not the other.

    1. How can I make both visible on smaller screens?

    2. How can I correct the issue with the caching/lazy loading issue? What to exclude to make it work correct?

    #1356103

    Hi,

    Please try this CSS as well:

    @media only screen and (max-width: 767px) {
    .av-slideshow-caption .container {
        width: 95%;
        max-width: 95%;
    }
    }

    What exactly is the problem with caching and lazy loading?

    Best regards,
    Rikard

    #1356209

    Lefteris

    Didn’t work with the css. Should I add both css you send?

    Seems like when lazy loading is activated in SG optimizer there is gap between the slideshow and boxes. I attached one of the days a screenshot as i remember

    #1356211

    Maybe there is an issue because i am already running some media/mobile css code?
    see below, this is how it looks

    #1356212

    #top .av_header_transparency {
    background: rgba(0, 0, 0, 0.4);
    }
    .home #av_section_1 .iconbox_content {
    min-height: 591px;
    }

    #avia2-menu {
    position: relative;
    top: -3px;
    }

    #top .flag-dansk {
    background: url(‘https://www.zorbas.dk/wp-content/uploads/2017/03/dansk-flag.png’) center center no-repeat !important;
    height: 18px;
    width: 50px;
    text-indent: -9999em;
    }

    #top .flag-svensk {
    background: url(‘https://www.zorbas.dk/wp-content/uploads/2017/03/svensk-flag.png’) center center no-repeat !important;
    height: 18px;
    width: 50px;
    text-indent: -9999em;
    }

    #top .flag-dansk a,
    #top .flag-svensk a {
    display: block;
    }

    .custom-tag {
    padding: 5px;
    background-color: rgba(0,0,0,0.5);
    }

    #top .widget_nav_menu {
    padding-top: 0;
    }

    .sidebar_left {
    -moz-box-shadow: inset -8px 0 20px -10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset -8px 0 20px -10px rgba(0, 0, 0, 0.2);
    box-shadow: inset -8px 0 20px -10px rgba(0, 0, 0, 0.2);
    }

    .sidebar_left .inner_sidebar {
    margin-right: 0 !important;
    }

    .sidebar_left .widget_nav_menu ul li a {
    border: 1px solid #e1e1e1;
    border-right: 0;
    border-left: 0;
    color: #666;
    margin: 0 0 -1px;
    padding: 12px 16px !important;
    text-align: left;
    }

    .sidebar_left .widget_nav_menu ul li.current-menu-item a {
    color: #719430;
    }

    /*8bba34*/

    .sidebar_left .widget_nav_menu ul li:first-child a {
    border-top: 0;
    }

    .page-id-2584 #element_avia_17_1 {
    width: 100%;
    margin-left: 0;
    }

    .av-catalogue-content {
    padding-right: 0px;
    }
    .avia-testimonial-image {
    float: none;
    margin: 0 auto 0px auto;
    }
    .avia-testimonial-meta {
    margin-left: 0;
    text-align: center;
    }

    .lch-progrees-bar {
    padding-right: 0px;
    margin-right: -0px;
    }

    .page-id-118 .sidebar_left #nav_menu-2 {
    display: none;
    }

    .page-id-120 .sidebar_left #nav_menu-2 {
    display: none;
    }

    .page-id-123 .sidebar_left #nav_menu-2 {
    display: none;
    }

    .page-id-125 .sidebar_left #nav_menu-2 {
    display: none;
    }

    /*
    @media only screen and (max-width: 767px) {
    .responsive .avia-grid-testimonials .avia-testimonial-meta {
    margin-left: 130px;
    }}*/

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .lch-progress-bar {
    padding-right: 0px;
    margin-right: 50px;
    }
    }

    @media only screen and (min-width: 768px) {
    .home #av_section_2 .entry-content-wrapper {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    }

    .home #av_section_2 .entry-content-wrapper .iconbox,
    .home #av_section_2 .entry-content-wrapper .iconbox_content {
    height: 100%;
    }

    .home #av_section_2 .entry-content-wrapper .iconbox_content {
    padding-bottom: 0;
    }
    }

    .home #av_section_2 .entry-content-wrapper .iconbox_content {
    padding-bottom: 30px!important;
    }

    .home #av_section_2 .entry-content-wrapper .iconbox_content .avia-button-center {
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    left: 50%;
    width:90%;
    }

    @media only screen and (max-width: 767px) {
    .av-catalogue-price {
    font-size: 14px;
    position: relative;
    }
    .av-catalogue-title {
    font-size: 14px;
    line-height: 1.5em;
    }

    .avia_textblock {
    line-height: 37px;
    }

    h1 {
    line-height: 60px;
    }

    .fb-page.fb_iframe_widget,
    .fb-page.fb_iframe_widget span {
    position: static !important;
    width: 100% !important;
    }

    .av-catalogue-content p:last-child {
    font-size: 11px;
    }

    .av-catalogue-image {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    }

    .responsive .tabcontainer .tab_content {
    padding: 0 5px;
    }

    .av-catalogue-content p {
    font-size: 10px !important;
    }

    .progressbar-title {
    font-size: 11px;
    }

    .avia_message_box_content {
    margin-left: -8px;
    margin-right: -8px;
    }
    }
    @media only screen and (max-width: 767px) {
    .av-catalogue-price {
    font-size: 11px;
    position: relative;
    }
    .av-catalogue-title {
    font-size: 11px;
    line-height: 1.5em;
    }

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

    /*caldera*/
    .caldera-grid {
    font-size: 20px;
    }

    #fld_4934012Caption {
    font-size: 12px;
    color: green;

    }

    @media only screen and (max-width: 1024px) {
    nav.main_menu, #menu-item-search {
    display: block !important;
    }
    .menu-item {
    display: none;
    }
    .av-burger-menu-main.menu-item-avia-special {
    display: block;
    }
    }

    .main_color table caption, .main_color tr:nth-child(even), .main_color .pricing-table>li:nth-child(even), #top .main_color .avia-data-table.avia_pricing_minimal td {
    color: #000;
    }

    #top .av_header_stretch .container {
    width: 70% !important;
    margin: 0 20px;
    }

    #1356213

    seems like when i use below css i can see the green button but not the other button.

    @media only screen and (max-width: 767px) {
    .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
    padding-top: 10px;
    }

    #top #wrap_all .avia-slideshow .av-slideshow-caption {
    font-size: 30px;
    }

    #top .avia-slideshow .av-slideshow-caption p {
    font-size: 14px;
    }
    #top .flex_column_table.av-equal-height-column-flextable.av-9y4su-ed9cb8f9ef6e3819ca120920f518c18b {
    margin-top: -115px;
    }
    }
    @media only screen and (max-width: 767px) {
    .av-slideshow-caption .container {
    width: 95%;
    max-width: 95%;
    }
    }

    #1356246

    Hi,

    It seems SG optimizer does not seem to work properly on your site, maybe try using another caching plugin and see if it helps.

    Best regards,
    Nikko

    #1356268

    i didnt have any issues before with this plugin.
    They say that the plugin is ok but maybe something on the theme/site is blocking or not work correct.

    he wrote:
    I mean your website developers can double-check what is causing the issue with the website files and lazyload because the lazyload function is working all fine without any issues on our plugin currently. The website looks to be working all fine now with LazyLoad enabled, so you can monitor it and see if it’s all going to be okay, as it’s looking fine for now

    this is what they do to make it work, see private content

    #1356641

    Hi lech07,

    Thanks for posting the steps made to fix the issue.
    Lazyloading is also enabled by default in Enfold > Performance, maybe disabling it would fix the issue if the issue shows up again.

    Best regards,
    Nikko

    #1356854

    Lefteris

    It was disabled.

    The issue now is just the buttons that don’t show correctly when using mobile

    #1356878

    Hi Lefteris,

    Please try to add this CSS code in Enfold > General Styling > QUick CSS:

    @media only screen and (max-width:767px) {
      #top #wrap_all #full_slider_1 .av-q3q9qn-53925e4809ef013df04d16b8e3d727c0 .slideshow_caption {
        padding-top: 28px;
      }
    
      #top #wrap_all #full_slider_1 .av-q3q9qn-53925e4809ef013df04d16b8e3d727c0 .slideshow_caption .avia-caption-title {
        line-height: 1em;
      }
    
      #top #wrap_all #full_slider_1 .av-q3q9qn-53925e4809ef013df04d16b8e3d727c0 .slideshow_caption .avia-slideshow-button {
        margin: 12px 0 0;
      }
    
      #top #wrap_all #av_section_1.av-mhok2n-638bda690f6640ff90af9e62788881c3 .content {
        padding-top: 40px;
      }
    
      #top #wrap_all #av_section_1 .flex_column_table.av-kf05nz-46eaca2763ddd7be847a91efb3dfdb63 {
        margin-top: 0!important;
      }
    }

    It’s specific to the page you posted.
    Hope it helps.

    Best regards,
    Nikko

Viewing 17 posts - 31 through 47 (of 47 total)

You must be logged in to reply to this topic.