Forum Replies Created
-
Posts
-
Thanks Yigit – that certainly does the job for the Blog Posts element with Grid option selected!
I will see if I can adapt this for the other options (Single Author, Small Preview Pic etc).
Will also add suggestion to feature requests that alternatives to icons (it’s personal, I just hate ’em) are provided as fallback when no featured image is present.
Again, many thanks for your efforts!
Thanks Basilis – already been waiting a week for a response to my last customisation request and out of time so looking for a kludge.
How about replacing the icon with a 50px x 50px image – could that be acheived with some css?
For a proper fix main problem seems to me that there is no css identifier (correct me if I’m wrong as this is all it needs!) for the fallback icon (eg <div class=”blog-meta icon-fallback”>) that allows you to selectively style or hide only those elements that have no featured image.
Thanks.
Hi Rikard,
Back again I’m afraid. So the idea of using a transparent png as the default featured image doesn’t work – that ‘orrible icon is simply obscured by the featured image thumbnail rather than replaced by it so it shows through the transparent background.
Now seeking advice on another approach – surely can’t be that hard – when there is no featured image on a post don’t show anything in its place.
Hoping you can come up with something here. Thanks.
My mistake – to clarify, the background image position controls I am looking for are available in color section but not sliders!
Hi Rikard – not so much of a “look at this and apply per image css fixes to position background” as an “I can’t find the background position options in full width slider that are available in color section backgrounds am I missing something” sort of a question.
Thanks.
Thinking about it thwe best option may be to fallback to a default image – which could be a transparent png that would provide standard height – rather than a additional code.
Hi Yigit,
I do get that it’s not so simple keeping layouts tight when some entires have an element and others don’t (though I can’t seem to find an option to not show any featured images in news summary elemnts either).
Link to test site in private section below – guess best option here would be to somehow keep an element with the appropriate height (believe this is set by the thumbnail size of any existing post with a featured image) – but have it as transparent space – ie no icon, no background & no border).
Many Thanks.
+1 here Yigit.
Simply, if there is a featured image display it – if there is not one do npot display <a class=”slide-image”.. at all.
Zerodi – this is working for me!
/* Mobile background position */
.avia_mobile .av-parallax {
height: 100% !important;
}So you can’t replicate the issue at all then – your without code screen shot is where I want to be!
Here’s what I see – identical with / without.
feel free to use admin login provided and hack if it helpe – just a test site to resolve this issue.
Hi Andy,
Multiple tests – clearing safari cach between – css seems to make no difference at all on my iPad3.
I note though that this issue only effects fixed & parralax background settings – default scroll displays correctly (with or without this fix)!
No problem – I think this is quite a serious flaw and was more than a little surprised to find the mobile menu behaving this way – forcing me to look to ubermenu again.
Have added this to suggestions:
————————-
Mobile menu with clickable parent and expanding / contracting submenus
Currently if you have sub menu items you have to deactivate Hide Mobile Menu Submenu Items under Enfold–>Header–>Mobile Menu as enabling it makes the parent page inaccessible – clicking it just opens the submenu instead.
As a result sites larger than a few pages in the submenu end up with a sprawling virtually unusalble always open menu rather than user friendly expanding / contracting submenus.
It would be far better to have a + / – icon on the right that expands/contracts the submenu leaving the parent item clickable making it viable for sites with more than a couple of sub pages.
Unfortunately as the voting community here are not necessarily devs suspect it may not receive the attention I think it deserves given the benefits to usability on larger sites it would provide and may just get buried.
————————-
Thanks.
No problem. On both the background position is set to “top center” – so the top of the image (ie 100 or so pixels above the guys head) should be at the top of the color section – as it is on the desktop view – see new screen shot below.
On the mobile / ipad view however the top of the image appears to be aligned with the top of the window – resulting in the top 100px or so being obscured by the header and the guys head is cut off.
See screen grabs below.
When you set a header to transparency it seems to display with correct top alignment on ipad – when using non transparent header it does not, infact it does not move down to accommodate the header (as it does on desktop) resulting in the top part of the image being obscured and the top alignment option failing.
Understood – many thanks Dake. Do you provide any documentation / reference material for developers by the way?
OK – thanks Dake – just to confirm (as this needs to be sitewide setting for me – i.e. all non transparent headers need to use my css background) there is no way to override the backgound color with child css on the header element unless the transparancy option is selected through the admin ui?
OK – thanks – would be far better to have a + / – icon that expands the submenu though as basically this means any site with submenus has to have a non collapsing mobile menu which = usability nightmare on substantial sites.
