₦airaland Forum

I have a website with mobile view support.

The site is responsive in all browser including Opera but if opera single column view is turned ON, it loses its responsiveness.

Please how can i retain it?
Appreciate any help.

Regards.

losing it's responsiveness in what sense? is it that part of the site text or image is cut off or scrolling left and right due to overflow?
check your HTML if your viewport is correctly set and check your CSS for the smallest supported min-width

using position : fixed sometimes affect opera in rendering your content correctly

When opera mini is run with single column view turned on, it tends to overwrite styles with it's own custom styles. You can specify a stylesheet with it's media attribute set to handheld, opera should obey the rules specified there. Read through this link to understand how opera mini works and how to get around some of it's discrepancies

https://dev.opera.com/articles/opera-mini-content-authoring-guidelines/

JackOfAllTrades:
losing it's responsiveness in what sense? is it that part of the site text or image is cut off or scrolling left and right due to overflow?
check your HTML if your viewport is correctly set and check your CSS for the smallest supported min-width

using position : fixed sometimes affect opera in rendering your content correctly

my view port is okay sir. it works on opera but not when single column is turned on. that's the issue am wanting to solve

blueyedgeek:
When opera mini is run with single column view turned on, it tends to overwrite styles with it's own custom styles. You can specify a stylesheet with it's media attribute set to handheld, opera should obey the rules specified there. Read through this link to understand how opera mini works and how to get around some of it's discrepancies

https://dev.opera.com/articles/opera-mini-content-authoring-guidelines/

thank you sir, i will check the link

Thanks people. Read the link provided by blueyedgeek and got it solved.
I added media="handheld" and media="all" to my stylesheet.
Works great whether single column turned on or off.

interesting! problem solved

Yea sir, it is solved, tnx also for your contribution

Nice one

instead of media queries..You could still use JavaScript to redirect ur index page to mobile view page with your own styles....

Sir Please where and how did you add the handheld
Is it this way: <link rel="stylesheet" media="handheld" type="text/css" href="mystyle.css" />
I came across ur post and am having same Issue please help me.

jonezz:
Thanks people.
Read the link provided by blueyedgeek and got it solved.

I added media="handheld" and media="all" to my stylesheet.

Works great whether single column turned on or off.

jonezz:
my view port is okay sir. it works on opera but not when single column is turned on. that's the issue am wanting to solve

in your <link rel="stylesheet">

add media="all" to it.

Do not leave it as "screen" only

Do it and thank me later