Hi Vinay,

Here is the link where you can see the issue: https://www.gescostar.com/video-test/

At the top, I inserted the video module with a YouTube link and it works great. Then below, I inserted again the video module with a link from our server but it doesn’t appear. Is there a way to insert a video with a link from our server and make it look and responsive as the YouTube one at the top of the page?

I hope this is more clear? I gave you access to the WordPress in the Private Content.

Thanks and happy new year!!

It is perfect!! Thanks!!

Hi Basillis,

It is on 2 columns because I forced it, but the order of the logos changes as per the 3 columns and there is a space between the 4th and 5th ones. It’s like they go 2 by 2 but on top of each other instead of beside each other. It’s so hard to explain! I don’t know how to explain it anymore!

Ok! The transfert is completed! We can now continue!

I had to add to logos to the last section so here what the order should looks like on small device for that section:
https://timoussedansbrousse.com/wp-content/uploads/2018/06/Screen-Shot-2018-06-28-at-9.27.15-AM.png

Thanks

Here is your access. Thanks!

Hi Rikard,

This doesn’t fix the problem, it’s even worse because it turns everything on one single row between 768px and 969px.

The problem is the way images align on smaller screen (see private link). Instead of putting the images side by side, it put them one on top of each other 2 by 2. Compare the order of the images on full screen and it will help you understand!

Thanks!

Hi! I don’t think you understand what I mean. I will figure out something else… Thanks anyway!

Thanks Yigit! This worked!

Hi Victoria!

I made a page (see private link) where you can see the different screenshots depending on the width of the page. When the page is very wide, we can see the texte below the video, then as we get smaller, we slowly loose the bottom of the video. It’s important for me that we always see the full video, as the positions of the wheel of the wheelchair are important, but I don’t want to see the white space with the description at the bottom. Is there a way to keep the frame alway the same? Maybe it’s because the top part doesn’t get smaller so it push the rest down? Can you help?

Thanks!

Ok, in the link below, I placed a first image that show the original menu, the second image show how it looks now with the code you provided me. Then the third image show what I wish it would looks like. So my submenu “musculation” (there will be more than one eventually) would be smaller, and when you rollover on menu item, they turn (#66cac8) with no transparency. Thanks!

Hi! This proposition doesn’t work because I need to be able to select each post individually. Thanks anyway!

Hi Victoria! I put it back to Logo to left and menu right, because I really don’t understand what you’re talking about. Where do I set up the header to not make a clone?? Thanks!

I figured out an other way around! Thanks!

Hi!

I’m now working on a new site but still have issues with the same need to change image background of section on mobile.

• First, for the full width easy slider on the top of my site, how can I change the background image of the first slide only? I tried this but it doesn’t work:

@media only screen and (max-width: 767px){
.av_slideshow_full li img {
background-image: url(http://metamorfic.net/dev/tp/wp-content/uploads/2017/03/couvert-web-full.jpg) !important;}}

• For the 3 images used as background in colour sections, I used this code which is working on smaller screen on my desktop, but not on my iPhone. Why?

@media only screen and (max-width: 1024px) {
#fixed-bg1 {
background-attachment: scroll!important;
background-position: top left!important;
background-image: url(http://metamorfic.net/dev/tp/wp-content/uploads/2017/04/fond2-2.png) !important;}
}

@media only screen and (max-width: 1024px) {
#fixed-bg2 {
background-attachment: scroll!important;
background-position: top left!important;
background-image: url(http://metamorfic.net/dev/tp/wp-content/uploads/2017/04/fond1-2.png) !important;}
}

@media only screen and (max-width: 1024px) {
#fixed-bg3 {
background-attachment: scroll!important;
background-position: top left!important;
background-image: url(http://metamorfic.net/dev/tp/wp-content/uploads/2017/04/fond3-2.png) !important;}
}

Thanks a lot!

Thanks to Guenni007, it helped and this explanation will be helpful for other applications!