Video or picture not correct in slide

1. yes, i am making the browser smaller.
I dont believe i did any change in the .js file but maybe Nikko did. I dont remember to be honest.

The only thing i could find from the thread regarding video was: https://kriesi.at/support/topic/text-3/

2. no I dont believe i did.

But the idea is to make it look correct the video on resized briowser and on mobile version and tablet.

1. Sounds great thanks.

2. where do i enable this option?
I actually want the video to play for mobile devices too. Why is this not activated by default or integrated?

1. i have edited the color section but the picture is either too small or too big. if i remember correct before i had these issues it was automatically showing the picture on mobile devices and it was showing it correct. How can i do that? Should i upload a new photo just for the mobile devices and in which dimensions?

2. did nikko find which files was changed?

1. i tried all sizes. the one i choose now get zoomed in and are not very clear. what do i need to do? Do I need to use a bigger photo or?

2. The only thing i have added in funtions.php is a code that removes/hide the issue with \r\n\r\n which was appearing all over the website.

I have overwritten the avia.js and shortcodes.js with a fresh copy from the enfold zip file i had on my computer.

ok so i should remove that specific css code or should i just try to upload a smaller image? I tried to upload a smal image but it looks awful.

I cant find exactly that code in my css, only some of it. my ccs looks like this:

#top .flag-dansk {
background: url(‘http://zorbas.synology.me/wordpress/wp-content/uploads/2016/12/dansk-flag.png’) center center no-repeat !important;
height: 18px;
width: 50px;
text-indent: -9999em;
}

#top .flag-svensk {
background: url(‘//zorbas.synology.me/wordpress/wp-content/uploads/2016/12/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;
margin: 0 0 -1px;
padding: 12px 16px !important;
text-align: left;
}

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

@media only screen and (max-width: 767px) {
.progressbar-title {
font-size: 11px;
}
}

@media only screen and (max-width: 767px) {
.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;
}
}
.avia_message_box_content {
margin-left: -8px;
margin-right: -8px;
}
}
.page-id-3665 #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;
}
/*
.avia-testimonial-meta {
left: -25px;
}*/
.lch-progrees-bar {
padding-right: 0px;
margin-right: -0px;
}
@media only screen and (max-width: 989px) and (min-width: 768px) {
.lch-progress-bar {
padding-right: 0px;
margin-right: 50px;
}}
@media only screen and (max-width: 767px) {
.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;
}

iframe {
width: 100% !important;
}
}
.page-id-3647 .sidebar_left #nav_menu-4{
display: none;
}
.page-id-3650 .sidebar_left #nav_menu-4
{
display: none;
}
.page-id-3653 .sidebar_left #nav_menu-4{
display: none;
}
.page-id-3656 .sidebar_left #nav_menu-4 {
display: none;
}

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

@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: 11px;
position: relative;
}

.av-catalogue-title {
font-size: 11px;
line-height: 1.5em;
}
}`

• This reply was modified 7 years, 10 months ago by lech07.

i have removed it and tried with different pictures for mobile version, the issue is the same. The picture gets zoomed or are very unclear.
When resizing the browser the video still appears but at the side like before.

It was not like this before.

hi Ismael,

can you help me with the site. Not much of the css works correctly and i was told by andy to upload the theme again and the child theme. Can you help me? I need to finish the small corrections to migrate the two sites to my hosting agency. Please.