Hi,
Yes, you can do that or add css media queries so that you can adjust the top value on different screen sizes. Example:
@media only screen and (max-width: 767px) {
#av_section_1 .av_one_fifth {
top: 100px;
}
}
This code will only affect screens lower than 767px like phones and small tablets.
Related articles:
http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Best regards,
Ismael
Hi,
We can see the following errors when we click the close button:
jquery.js:1 Uncaught Error: Syntax error, unrecognized expression: .main_menu .menu li > a[href*=#]
3jquery.js:1 Uncaught Error: Syntax error, unrecognized expression: [href*=#]
Please update the theme to version 3.5.4 if you haven’t done so. If it’s still not working, please follow the instructions here: https://kriesi.at/support/topic/plugin-shortcode-not-working-in-portfolio-item/#post-628065
Best regards,
Ismael
Great – thank you. I also modified the css to reduce the margin top spacing…
Hi,
What is the version of the theme prior to the latest update? There was an issue with the register_sidebar’s id parameter before on WP version 4.2 which is already fixed. https://kriesi.at/support/topic/menus-removed-from-widget-areas/#post-524666
Best regards,
Ismael
Hi,
Please try the following in Quick CSS under Enfold–>General Styling:
.home #layer_slider_1 {
margin-top: 430px !important;
}
Thanks,
Rikard
Hi!
A little bit ago, I started this thread (https://kriesi.at/support/topic/cart-on-mobile-menu/), but I’ve now discovered that it actually is not working like I thought.
On mobile, the cart icon was displaying all the time, even though I have it set to only display when something is added to the cart. I was given this code
@media only screen and (max-width: 767px) {
.responsive #top .cart_dropdown {
display: none !important;
}
.responsive #top .cart_dropdown.av-display-cart-on-load {
display: block !important;
}
}
This code hides the cart icon on mobile, but as I’m now discovering, it hides it all the time. When something is added to the cart, the icon still doesn’t show up on mobile.
Any way to get the cart icon to behave correctly on mobile – hidden when nothing in the cart, visible when there is something in the cart?
Thanks!
Hey Nicoletta_DUS,
I’ve tagged the topic for our german speaking moderator, please wait for his reply.
Best regards,
Rikard
Hi,
Ok great, please let us know if you should need any more help on the topic.
Thanks,
Rikard
Hey scarlettr8,
Please make sure your child theme style.css has the below code on top and it is active under Appearance > Themes.
/*
Theme Name: Enfold Child Theme
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://kriesi.at
Template: enfold
*/
If yous till have any issue please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- the URL to the login screen
- a valid username (with full administration capabilities)
- as well as a password for that username
Best regards,
Vinay
Hi,
In the edit screen of your post, go to Options de l’écran in the top right hand corner on your screen, then select Extrait. You will then get a field under your post to fill out what you would like in the Extrait. Could you try that please?
Best regards,
Rikard
Hi,
Please make sure your child theme styles.css has the proper theme info at the top.
/*
Theme Name: Enfold Child Theme
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://kriesi.at
Template: enfold
*/
If this is correct on your end please post us the link where you see this error and your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- the URL to the login screen
- a valid username (with full administration capabilities)
- as well as a password for that username
Best regards,
Vinay
Hi,
Please try to add the code provided here. https://kriesi.at/support/topic/having-problems-after-updating-to-wordpress-4-5-please-read-this-first/
It’s possibly a jquery issue. The other thread has nothing to do with the current issue.
UPDATE: Yes, you’re probably. It has something to do with the other thread.
Best regards,
Ismael
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.isotope.no_margin-container.grid-col-6 .isotope-item {
padding:10px!important;
}
Best regards,
Vinay
Hey ramirezo,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .av-main-nav ul a {
padding: 0px 15px!important;
}
Best regards,
Vinay
Hey BlueprintECM,
Please use the below css
Feel free to change the color and font values to suit your design :)
/* Tab Font size */
#top .main_color .tabcontainer .tab {
font-size: 20px!important;
background-color: gray!important;
}
/* Active tab*/
#top .main_color .tabcontainer .tab.active_tab {
background-color: gold!important;
}
Best regards,
Vinay
Try adding this to the block (put it inside the media query):
.sub_menu {
position: absolute !important;
left: 0;
right :0;
top: 0px;
margin: 0 auto;
}
Anyway to make the Extra Elements to appear right way on mobile? but on desktop load when scrolled down?
Hello,
I’ve tried to find a solution to this to no avail.
We are happy with the page showing out portfolio items (https://sweetheartshair.com/ourportfolio/), but when you click on one of the items the image is cropped (https://sweetheartshair.com/portfolio-item/the-warrior-braid/)
How can we stop this cropping from happening?
Thanks for your help,
Graeme
As this topic is still open, I’d like to contribute a similar issue and hope for help.
I can’t seem to get 6 portfolio grid images in line.
One is always falling into the next row.
This is the page: http://www.plp-group.com/
Any ideas, anyone…?
Thanks
Stefan
I tried setting the padding to Zero for both of the color sections on that Accessibility page, and it did remove vertical space between the two sections, but it also removed the bottom padding from the second section so that its bottom text was sitting very close to the footer, which I didn’t want. I first tried fixing this by sticking in a Whitespace element of 50px within the column. That worked; it made the vertical space between the bottom text and the top of the footer the same as on pages with no photo caption finagling. Then I tried just setting the column’s bottom margin at 50px. Voila!
So this resolves my issue. Thanks for the pointers! They showed me what to tweak.
And I think I’ll post my workaround in a separate thread. :-)
my problem is described here too:
“Another problem is that the lightbox goes through every other image in the page including other accordion sliders.”
i have a fresh wordpress installation, no plugins installed and enfold Version: 3.5.4.
For example:
I uploaded 4 Pictures in a gallery within one accordion tab.
if i open one of these pictures, the lightbox shows me all pictures of the site (1/15 instead of 1/4)
-
This topic was modified 9 years, 10 months ago by
ak-muc.
Hi,
For some reason this code has not held, and I can unable to get it to stick again. Sub heading not showing on pages.
Link in private content
This page should have a subheading in the blue bar across top.
Please advise.
Hey Starkos,
It appears you’ve got this one sorted already, when i view your site on my android device and on desktop (mobile version) it looks fine on my end. if you still have any issues please let us know more details about the device and browser you are seeing this issue with a screenshot of the problem and we can take it from there.
Best regards,
Vinay
You are amazing, thank you, worked perfectly, may l make 1 suggestion, have the option in Enfold to add 2 logo’s, 1 desktop and 1 mobile.
Hey!
As you will see from the included link, the logo overlaps the page (thanks Rikard!)
Is there a way of removing the information which appears top left?
Thanks
EDIT
Ignore me guys, I just figured it out, eventually!
.main-title.entry-title {
display: none;
}
-
This topic was modified 9 years, 10 months ago by
jonrouse.
Hi Jordan, I wanted to follow the same advice and could not find the ” Extra Header Content section”, that you referred to in the answer above.
I want to place the phone number in the header (not the top bar or main menu bar) next to the social icons (which were easy to place in the header).
Please advise
We further-more were not able to find the custom css file. Where do we find this?
Regards
Riaan
thank you so much! Everything works well, after I’ve updated manually.
I thought inserting the Theamforest API key for Updates would do …
one other thing – how can I close the topic?
Best
Tina
-
This reply was modified 9 years, 10 months ago by
Thina.
I just checked the site from another person computer at the office. This person has NEVER been to that site before. On two different browsers it is still broken.
There is a big, empty white space on the homepage right at the top. An easy slider should be there. I would appreciate some quick help.