more action responsive width change

I am using the more… action throughout my site, works great even though the 400 px default width is perhaps a bit narrow on large screens.

On a small phone vertical mode however it is actually too wide! The text width is just a bit bigger than the screen. I can probably change the default to 340 but that would make the others seem even more narrow.

Can the more… size be easily changed for just the smallest size of mobile devices or will this need advanced guru code?
Thanks

http://www.barrytate.com/index.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Can the more… size be easily changed for just the smallest size of mobile devices or will this need advanced guru code?

It can certainly be changed for smaller screen sizes but as you suspect it does require a bit of tinkering.

Something like this should do the trick:

<style type="text/css">
@media screen and (max-width:480px)
{
	#_morebox  { width:300px !important}
}
</style>

This should be added via Page>Html Markup in the Before slot (before end head)

You may have to tweak the numbers a bit.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Thanks Dave,
Given your track record with suggestions, I’m sure it will work.
I will give it a try later today.
cheers Barry


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Update - tried the code you suggested and yes it worked!
Big thank you!
Barry


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options