-
Posts
-
Seems like the issue with the gap is because of the lazy loading in SG optimizer.
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,
NikkoI 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
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,
RikardI have created a new site. See below
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,
RikardYes 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?
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,
RikardDidn’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
Maybe there is an issue because i am already running some media/mobile css code?
see below, this is how it looks#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;
}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%;
}
}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,
Nikkoi 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 nowthis is what they do to make it work, see private content
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,
NikkoIt was disabled.
The issue now is just the buttons that don’t show correctly when using mobile
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
- You must be logged in to reply to this topic.