-
Posts
-
Hello,
I am trying to make my website more compatible for mobile devices. My problem is that the Layerslider is too huge on the mobile version, and the menu doesnt “crumble” like it does on the demo version of Enfold.
Compare the mobile version of: http://kriesi.at/themedemo/?theme=enfold-overview to my website (Link provided below)
How do I fix this?
Hi,
You could try creating a new slider for mobile devices and show it only for small screens, would you be able to do that? We can help you out with CSS.
Try the following in Quick CSS for the menu:
@media only screen and (max-width: 1024px) { nav.main_menu {display:none !important;} #advanced_menu_toggle, #advanced_menu_hide {display:block !important; } }Best regards,
RikardHello, thanks for answering.
I found out a way to make the slider smaller. I just turned on “full-width”, and now it is a lot more compatible with mobile browsers.But, the slider is still too wide/big for my liking. You can check it yourself by visiting my site via for example an iPhone.
The menu does collapse now, but it is very glitchy. Its hard to explain but the menu jumps around when you tap it, first it works fine but after a second it extends to the original menu. I think it has to do with the slider size.My goal is to replicate the Enfold demo theme mobile version.
Actually I think the issue is not the slider, but the website. The website doesnt adapt to the mobile.
Hi,
Did you uncheck the Responsive Site option under Enfold–>General Layout–>Dimensions by any chance? Send us a temporary admin login if you should have further problems.
Regards,
RikardResponsive Site option is checked. Here, i’ll give you the admin login below.
I want my website to look like this on the mobile/iPhone version: http://kriesi.at/themes/enfold/
But my slider is too huge/wide, so my logo/menu button look really small.Hi!
I checked the site and it is responsive. Can you please provide a screenshot of the issue? Use imgur or dropbox. On what mobile device are you testing this?EDIT: I only checked it on a browser screen. If you emulate a mobile device, it is not responsive because the site is inside an iframe. Why is that? If you want to make the site responsive inside an iframe, you have to follow the instructions here:
http://www.smashingmagazine.com/2014/02/making-embedded-content-work-in-responsive-design/
https://benmarshall.me/responsive-iframes/Cheers!
IsmaelI dont know why it is inside an iFrame, I haven’t done anything to toggle it, at least not consciously. How do I disable the iFrame?
Is it because I haven’t “migrated” my page? I havent done it, because the email gets temporarily disabled, and the company cant afford to not communicate with its clients for a whole day/2 days.
The website itself is responsive, but not the slider. If I remove the slider, my website will adapt to the mobile screen.
Hey!
I tried to login using /wp-admin but login page does not appear. Can you provide us the correct login page please? Are we allowed to deactivate all your plugins temporarily for testing purposes?
Cheers!
Andy
- The topic ‘Mobile friendly page’ is closed to new replies.