Hi, sorry, you are right. I had changed the 2nd link to Scroll in my testing and forgot to change it back. It is now set to Parallax so you can see the differences.

The link you provided looks great on laptop and on iPad Air, but not on iPhone 6 portrait — the image is not responsive and her head gest cut off. But is that a color section or a layer slider?

At this point, I would ask that you test this on your own in order to fix your bug. I am going to sacrifice the Parallax effect on my pages for now so I can get back to work.

Thank you Ismael, unfortunately that code I have for the second slider (labeled below ‘Cohort I….’) is overriding the landing home page’s CSS (labeled ‘Home…’)

/******************
Home page-title, caption, and slider size when minimized
****************/
@media only screen and (max-width: 425px) {
.avia-slideshow-inner, .avia-slideshow-inner img {
height: 200px !important;
}
}

@media only screen and (max-width: 886px) {
.avia-caption-content {
font-size: 11px !important;
}

.responsive #top .slideshow_caption h2 {
font-size: 17px !important;
}
}

/******************
Cohort I page-title, caption, and slider size when minimized
****************/
@media only screen and (max-width: 886px) {
.page-id-861 .avia-caption-content {
font-size: 11px !important;
}

.page-id-861 .responsive #top .slideshow_caption h2 {
font-size: 17px !important;
}
}

@media only screen and (max-width: 425px) {
.page-id-861 .avia-slideshow-inner, .avia-slideshow-inner img {
height: 100px !important;
}
}e is overriding the Landing home page’s css for the slider. This is what I have however the second code for

Hi Yigit,
I have had some progress between your css and adjusting the background image position to Top Left instead of Center.
Your css works for the images being cut in half vertically on a tablet. At 100% though, they were just left with heads and no torso, so I changed it to 80% and it looks better.
I know ENFOLD has been around for awhile, but shouldn’t this all be done with media queries?
The picture size is dictated by how much text and how big the screen size is. It would be great if everything could adapt as a whole and be truly responsive.
Thanks for your help.
Kind regards,
Tamara

Hey Yigit,

yes, this was awesome form Guenni! I’m fine here, thanks :)

Could you please take a final look at my other problem in the other thread, please? I would very much appreciate it!!

Thank you,
Jan

You are the best. Thank you so much. Is there any way to display the menu probably on mobile/in the Hamburger menu?

The two lines are superimposed on each other. Is there a way to have the links in two lines like on laptop version?

I made a test page: http://elmoallen.name/test/sample-page/

The problem actually occurs only if I use the Short Separator style. That style removes the float: left from the Separator, after which it stops using the top margin. I don’t think that’s the intended behaviour, as if it were, the coder would have removed the top margin instead, I think.

Ok, thanks a lot, we are almost there. It looks perfect on mobile, but still in desktop mode I have centered copyright but I still have footer menu on the right…as you can see in http://www.simonasantaera.it

This is the whole code I used till now

@media only screen and (max-width: 767px){
.responsive #socket .sub_menu_socket {
display: block !important;

}}

#socket .copyright {
width: 100%;
text-align: center;
}

Any other suggestions to stick the footer menu at the center also in desktop mode?

I have never started a topic before, how do I go about this?

Hey Andy,

yes its working as I’ve set it to the numeric option on the permalinks settings page. but if you just change the settings to post name it stops working. also i realised if you set it to the plain option the whole arabic site disappears for some reason, i click on arabic and i get a 404 error.