- This topic has 3 replies, 3 voices, and was last updated 10 years, 6 months ago by sovit ranjitkar.
-
AuthorPosts
-
October 28, 2013 at 2:07 pm #4844flairParticipant
Hello there,
First of all can I say thank you for such a fantastic theme, it is the best one I have used.
I have one problem and it is with the mobile version. My site works fine on a computer and looks good on an iPad with no problems whatsoever. However when I go on the site on any mobile it does not look good. I have 3 slides on the home page slider which contain written content. When viewed on a computer the little circles on the slider are firmly below the written content, however when viewed on a mobile the circles appear right in the middle of the slides blocking much of the written content.
Does anyone know how to resolve this issue? Either by:
-Entering code into the custom css to help with the re-sizing issue when viewed on mobile
-Simply turning off the mobile version so the site is viewed in the exact same format on a mobile as it is on a computer.Any information as soon as possible would be great.
Many Thanks
October 29, 2013 at 8:12 am #4861Rabin ShresthaParticipantHi flair,
If you are talking about the slider content then it is not shown in mobile devices. We have designed our theme that way. If htat’s not what you referring then can you post link to your site so that we can have a look at the issue.
Rabin
October 29, 2013 at 10:52 am #4869flairParticipantHi
Thanks for your reply. My site is http://www.flairtester.com
If you look at it on a computer the circles at the bottom of the slider are below the images, but on the mobile they are in the middle. For example the first slide is a logo and the circles are below on the computer but when viewed on a mobile the circles appear right in the middle of the logo.
If it isn’t possible to change this do you have any idea how to turn off the mobile site?
Many Thanks
November 12, 2013 at 4:50 pm #5114sovit ranjitkarKeymasterHi flair,
It seems that you have changed the CSS code in line no. 2050 as
@media only screen and (width: 767px)
please replace this code to default one to this@media only screen and (max-width: 767px)
. Save it and refresh your browser.Thank you!
-
AuthorPosts
- You must be logged in to reply to this topic.