Hello. I have a portfolio page on my website showing dogs that have been adopted over the years. They are categorized by year.
My problem is I have it set to show 28 posts, with the option to “load more”. The years are 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016.
But if I only load the first 28 (don’t want to load more than that at one time) then it only shows the most recent 28 categories in the sortable option at the top. So it’s only showing dogs adopted in years 2014, 2015, 2016. Of course, if you hit the button to “load more”, then more dogs appear, and then more sortable categories for other years will appear.
But we have hundreds of dogs listed, so I need the option to sort by older years at the top, too. So even if a dog adopted in 2006 doesn’t show up because only the most recent 28 dogs show up initially, I still ned people to be able to sort by “Dogs Adopted in 2006”. That way, if someone wants to go look at a dog that was adopted in 2006, they don’t have to hit “load more” or advance several pages before they arrive at the 2006 dogs.
Does that make sense? I need all categories to be showing at the top all the time. I included the link below.
Thanks
you have to work with media querries:
f.e.
@media only screen and (min-width: 989px) {
.mobile-slider {
display: none;
}
}
so this slider is not shown if the screen width is more or equal to 990px
you have to decide the split point for that – if the split point is 768px
@media only screen and (max-width: 767px) {
.desktop-slider { display: none !important; }}
@media only screen and (min-width: 768px) {
.mobile-slider { display: none !important; }}
max and min width if it is above 768px the one is shown the other is not
if it is beneath 768 vice versa – thats all
System Information:
Site-Information:
Plugin Version : 4.1.5
WP Version : 4.6.1
WPMU: No
MySQL Version : 5.5.52
PHP Version : 5.4.45-4+deprecated+dontuse+deb.sury.org~precise+1
CURL Library Present : Yes
Debug File Write Permissions : Writable
PHP:
PHP Version : 5.4.45-4+deprecated+dontuse+deb.sury.org~precise+1
PHP Memory Usage: 35.21 MB
PHP Memory Limit : 48M
PHP Max Upload Size : 32M
PHP Max Post Size : 48M
PHP Allow URL fopen : On
PHP Allow URL Include : Off
PHP Display Errors : Off
PHP Max Script Execution Time : 30 Seconds
Active Plugins:
Name Version Plugin URL
All In One WP Security 4.1.5 https://www.tipsandtricks-hq.com/wordpress-security-and-firewall-plugin
Cookie Law Info 1.5.3 http://wordpress.org/extend/plugins/cookie-law-info/description/
SVG Support 2.2.3.2 http://wordpress.org/plugins/svg-support/
TinyMCE Advanced 4.4.1 http://www.laptoptips.ca/projects/tinymce-advanced/
Yoast SEO 3.5 https://yoast.com/wordpress/plugins/seo/#utm_source=wpadmin&utm_medium=plugin&utm_campaign=wpseoplugin
WP Statistics 10.3 http://wp-statistics.com/
The tab will travel to the sub-menu items if you hold them open by mousing over them before you tab. Observing this leads me to believe that the issue is with the code that opens the sub-menu on rollover. The open sub-menu action needs to be triggered by onfocus() event as well as the existing onmouseover().
The file involved is:
wp-content/themes/enfold/js/avia.js
around line 1200
This opens the submenu successfully on tabbing to it, but I can’t get it to close correctly.
currentLink.bind('focus', function()
{
sublist.stop().css({visibility:'visible'}).animate({opacity:1});
});
This is as close as I can get – but it closes the submenu after tabbing off the first item in the submenu:
sublist.bind('focusout', function()
{
sublist.css({visibility:'hidden'});
.... etc....
I need to find the focusout event on the entire submenu ul. Right now it seems to be catching the focusout event of the first li.
Please help. This issue is keeping me from using Enfold on my latest project which is a government affiliated website which has to follow ACCESSIBILITY guidelines in WCAG 2.0.
Thanks
-
This reply was modified 9 years, 7 months ago by
galpinr.
Hi Ismael – thanks for your response. I ended up reducing the padding between the menu elements to solve the menu overlapping.
I am still having issues with the site on mobile, can you help?
1) How can I create padding above and below the logo? When I try to adjust CSS, nothing is happening. The logo currently sits right on the bottom section and the logo top right under the upper screen edge.
2) The testimonials are very long when viewed on the mobile, should the responsive template adapt the testimonial so the text appears smaller on the mobile? Am I doing something wrong? The site on mobile does not look anywhere near as good on the mobile as its does on a laptop which is disappointing. Sections are being cut off ( The Lifestyle page on the mobile for example crops the hero images)
Any help would be appreciated.
Thank you.
Ahoy,
I’m trying to have multiple header font on one line so my text reads “Hi, We’re keen”
I want the “Hi, We’re” in this font
h3, h4, h5, h6 {
font-family: 'Roboto', arial, verdana !important;
font-weight: 300 !important;
}
and “keen” lower case in this font
h1, h2 {
font-family: 'TiemposHeadlineWeb', arial, verdana !important;
}
I have already added both fonts which you helped me with here https://kriesi.at/support/topic/different-fonts-for-h1-h2-and-h3-h4-h5-h6/
What is the best element to do this in? How to I make the size similar?
I tried doing it with the special heading and adding inline code but got this (screesnhot) The font it all upper case… which I dont want and smaller and on another line..
Please advise which element I should do this in.
Hi – Sure, it’s pasted below! Also, can you please help with this forum, it’s urgent: https://kriesi.at/support/topic/youtube-video-background/
Hey,
This is a known issue
Solution
https://kriesi.at/support/topic/tabel-make-entire-table-scrollable-error-enfold-3-6-1/
@media only screen and (max-width: 767px) {
.responsive .avia_scrollable_table .avia-data-table > thead > tr > th,
.responsive .avia_scrollable_table .avia-data-table > tbody > tr > th,
.responsive .avia_scrollable_table .avia-data-table > tfoot > tr > th,
.responsive .avia_scrollable_table .avia-data-table > thead > tr > td,
.responsive .avia_scrollable_table .avia-data-table > tbody > tr > td,
.responsive .avia_scrollable_table .avia-data-table > tfoot > tr > td {
width: 230px;
}}
Note: this is a quick fix – a permanent solution should be added to the template.
forwarded to Kriesi as ‘not resolved’
https://kriesi.at/support/topic/tabel-make-entire-table-scrollable-error-mobile-enfold-3-7/
Regards
Pete
-
This reply was modified 9 years, 7 months ago by
2funky.
Hi there, I’m trying to find a way to easily align a two column area on my home page. In column left is an image and column right is text. I want the text to vertically align with the top of the image. I tried to follow other forum threads on this topic, but it wasn’t working. Here’s a direct link to the page I’m looking at. http://pablostennett.com/
Thank you!
Hi, wondering if the product images on my website could be zoomed in? like the way on the following link:
kriesi.at/support/topic/google-map-doesnt-work/#post-689675.
Also how can i show related product or recent viewed product at the bottom?
Thanks in advance
Joe
Hi,
I am building a site at the moment which is in a fixed frame (40px).
I was wondering if it is possible to make the phone area full width and aligned to the very top of the window.
If you see the attached, I want the dark blue area to be full width and not have a gap above it.
Can you help, if this is possible?
Thanks very much
Please can you help I’ve got 2 different shop pages occurring although the same products seem to appear on both. I’ve attached screen shots and links to the site, please can you help. Click on the shop button from the front end and this is the view I’d like. However when you are in dashboard and click ‘store’ from the top navigation it takes me to a different page but has the products.
Also do you know what I need to select to allow ‘additional items’ to be added to a product before checkout.
I am hoping to launch the site in the next few days, my first one! would appreciate a quick ‘health check’ before I do. We have a live site http://www.movenuk.com that this one is replacing so will need to use the moven url etc. any tips?
Hi
I’ve recently updated to 3.8 and images are not loading onto pages properly. The homepage has overlaying text and large images on mobile, on desktop, images are missing and the entire site looks a bit of a mess. I’ve tried removing plugins and hard reloading but a lot of the images still don’t load.
I have contacted my hosting who have tried to load a back up from a week ago, but this changed nothing. The have not found any malware and Securi are just checking to make sure that is correct.
I am completely stuck as I have no idea why the site won’t work. FTP details are below.
This is a very busy time of the year for me with enquiries and I cannot afford to have the site not working. I noticed this yesterday evening after updating to the latest version two days previously (I didn’t notice any issues but have been away on holiday so didn’t look at the site).
James
-
This topic was modified 9 years, 7 months ago by
jamest17. Reason: Corrected the title to be more accurate
Hi,
I cannot see the date. Can you please post a screenshot and show it?
Also, please add following code to Quick CSS
.html_elegant-blog .avia-content-slider .slide-entry-title {
padding-top: 0;
}
Best regards,
Yigit
aha no the display block is in it from copy paste : remove the display: block rule from #top .av-magazine-group:
#top .av-magazine-group {
clear: none;
float: left;
width: 70%;
}
the display option and opacity option come from a script i think – and i pasted my changings inclusive this setting – my fault – sorry
thats it !
but nevertheless i think 1/4 3/4 will be nicer on that – because “Dienstleistung” “Kaufmännisch” etc are short enough to make that column a bit smaller
-
This reply was modified 9 years, 7 months ago by
Guenni007.
no – no hack at all.
Meanwile all browser got a kind of developer tools. But i like the first tool in that manner it is called firebug (Firefox Plugin)
On that you can f.e. right click on a heading and choose from context-menu “investigate with firebug” a second window opens and shows you the sourcecode and the concerning css code / the DOM / or script-elements
On that little tool it is possible to simulate f.e. any css changing you want and the screen from firefox shows the changings made for that.
So no live hack – it is a simulated Change with screen control.
To your Problem now.
for some reasons i had to set up the clearing to none . Perhaps this is the reason for double content.
The construct is very strange because the content is there twice ( on klick to a group the all content goes to invisible – look to the source code:
<div class="av-magazine-group sort_all" style="opacity: 1; display: block;">…
<div class="av-magazine-group av-hidden-mag sort_58" style="opacity: 0" display: none;"> …
<div class="av-magazine-group av-hidden-mag sort_45" style="opacity: 0; display: none;">…
<div class="av-magazine-group av-hidden-mag sort_44" style="opacity: 0; display: none;">…
you see how the sorting works – clicking on all the first div with all is visible – the rest is display: none
so there is twice content because all and for each group once!
Try to change first that f.e.
#top .av-magazine-group {
clear: right;
display: block;
float: left;
width: 70%;
}
if this is not the solution please remove all clearing rules and than i will have a look with my firebug to solve it.
Hello, how are you?
I upgraded to version 4.6.1 of WordPress (as I recall from 4.6)
And there are several things that have stopped working.
– Slide full width: No sign at all, in the frontend is as if it were. Only if a video is placed in the slide, the video is displayed.
– Map: the map has stopped working completely in browsers “google chrome” and “Opera”. a message appears on the place map:
“Oops! Something went wrong.
This page did not load Google Maps correctly. See the JavaScript console for technical details. ”
If you viewed from the “Firefox” browser viewing the map without problems.
I have updated the template and plugins if he had solved the problem. But it has not been that way.
I have the latest update and Enfold WordPress.
Please give me a solution as soon as possible.
Sorry for my bad English
Greetings and thank you!
Hi Ismael,
Thank you for the response and the documentation link. Since i want to hide this section on both mobile and desktop I found another way. I added a color section, and then inside I added my code block. On the color section I included a Section ID : my-id.
Then i added on the quick css: #my-id { min-height: 0px; height: 0px; }
This solved my issue. I will keep your documentation link for future reference as it is also very useful. You can close this ticket.
Regards,
Antonis
Yeah, right. You answered the last ticket before mine at 8:56 and my 3 tickets between 8:57 and 8.59. As I said, this is exactly 2 minutes.
And instead of definding your poorly done support job now, how about going back to topic and thinking about my question for a minute? At least try to understand it. Again, I am not asking for any changes or any customization. I am pointing to the fact, that there is something not right with the sorting of the search results and I want to know why. No customizaton necessary to answer that question, only understanding.
Original post from me: https://kriesi.at/support/topic/enfold-3-8-icons-not-showingbugged/
So i thought id fixed the problem, but it keeps bugging out. Even after caching the site, it responds differently on different computers, browsers and operating systems and browsers. It looks like it shows up correctly on mobile devices, but im not sure if like that for everyone.
Ive added the code to the htaccess, but it still is not showing.
Weve been looking at the source code to try and spot differences between the working site and the not working. Ill also give you access to wordpress and FTP so you can take a look for yourself.
Thank you!
Please help me: When I post a picture in Enfold it appears ok in the Desktop Version, but in the Mobile Version it is far too much to the right -> http://jagdschule.org/jagdschein-nrw/
Do you have any help for me?
In order to achieve WCAG 2.0 compliance, we would like to have a button available that allows users to increase or decrease the font size. Are you able to provide guidance please on how this can be implemented, using an icon / button towards the top of the site, preferably above the top navigation area? Thank you.
Thank you both for the response. Guenni007, i’ve tried adding the code you suggested, but it doesn’t seem to do anything. I used forsikring_priser as the class instead of rawtable, which I also added as a custom class in the back end.
You can see the site i’m refering to here: fadl.dk/testforsikring – I put a code, so that it’s not visible until it’s ready for customers. The password is “Karoline” without the “”.
The table is at the top of the page.
Thanks Rikard, you can close this topic – it was Firebug’s new update that hasn’t helped. Sorry for taking your precious time!
Hi,
Great, thanks for the feedback :-)
Please let us know if you should need any further help on the topic. Also, please don’t post your purchase code in public in the future.
Regards,
Rikard
Hi,
Great, glad you got it working and thanks for sharing the solution :-)
Please let us know if you should need any further help on the topic.
Regards,
Rikard