Hi Mike, thank you for your wireframes. But i am not delighted yet because i have to use the content twice. I will put in a feature-request or learn css…

I tried it without any custom CSS: same issue. Ist this only in my system or a general Enfold/Firefox-Problem?

hi elliot, thanks for your great support!

is fixed, thanks

Thanks Yigit for this inspiration.

My solution is:
@media only screen and (max-width: 600px) {
.hr-invisible { margin: 10px 0 !important;
height:0 !important;
}
}

Regards,
Xiane

thanks, it worked.

with this code snippet i tried to fix a slideshow/iphone4 issue (https://kriesi.at/support/topic/fullwidth-easy-slider-5/#post-454803). should i open a new thread for this bug?
(it would very comfortable for me if you could fix this in the next enfold-version).

xiane

hi, thank you for your help.

here are two screenshots of the actual firefox and crome-browser under macOSX-10_9_5


i added the code in the enfold quick CSS (i also i tried this with my usual used child-theme css)

#socket .sub_menu_socket {
float: none;
left: 50% !important;
margin: 0;
position: relative;
transform: translateX(-25%);
}
@media screen and (max-width:767px) {
#socket .sub_menu_socket { transform: none !important; left: 0px !important; }
}
.responsive #socket .sub_menu_socket {
display: block !important;
}

but there is one thing: if i downsize the screen: the menue is cutted by the browser-window and on a small screen: the menue is not displayed.

OK, thanks.