-
Search Results
-
In reply to: Side Navigation Color Sections Hidden
Hi,
Yes, sometimes it helps wrapping content in a Color Section, glad you found that trick. So you are ok for now? Let us know if you should need any more help on the topic.
Best regards,
RikardIn reply to: Social Icons on mobile header
Hey chaserwaser25!
Removing the menu into mobile is not a good practice, because it will make your web site, not possible and easy for use
Here is an introduction on how to place social media icons into the same line as the menu@media only screen and (max-width: 767px) { .responsive.html_header_top #header_main .social_bookmarks { right: -30%; width: auto; margin-top: 5%; }} @media only screen and (max-width: 767px) { .responsive.html_header_top #header_main .social_bookmarks { right: -10%; }}let us know if that works out properly for you.
Thanks a lotCheers!
BasilisIn reply to: Change Blog Layout
Hi!
The “topic image’ or featured image should be located on the left side of the title and excerpt by default. Please post the current page with the magazine element. We will check it.
Cheers!
IsmaelIn reply to: enfold sub menu and moving search to top bar
Hey!
We use the previous code and it works fine. https://kriesi.at/support/topic/enfold-sub-menu-and-moving-search-to-top-bar/#post-607610
Please copy the code directly from this forum, not from your email. Check if there are any function with the same name.
Best regards,
IsmaelIn reply to: Color Section – Background Image not Responsive
Hi,
You can create the extra sections just like the other ones you have made but you will have to give them a unique id in the element options, for instance: section1-mobile and section1-desktop. You can then hide/show them by using the following CSS:
@media only screen and (min-width: 768px) { #section1-mobile { display:none !important; } } @media only screen and (max-width: 767px) { #section1-desktop { display:none !important; } }Note that the # sign does not go in the unique ID field in the element options. If you need to hide several sections you can add more after the ID identifier like this:
#section1-desktop, #section2-desktop, #section3-desktopBest regards,
RikardIn reply to: Multiple Logos in Header
Hi Vinnie,
Thought I had a fix for this, and it SORTA worked, but it was kludgy. Just embedded the third logo on the right into the background image, but it doesn’t scale/responsive well :\
So . . . I think I hear what you’re saying, but could you post the CSS to accomplish the following goal?
- Desktop : Show all three logos, where they are left, center, and right aligned
- Mobile & Tablet : As soon as the hamburger menu is shown, hide the logo (date) on the right.
Thanx!
In reply to: Hide main menu container on mobile.
Hi:
Thanks for the response. Sadly, that didn’t do it.
I did further testing and see that the extra space is occurring between 990px and 768px. Once it hits 768 the space reduces, the logo size increases and it looks OK. I looked through all my custom CSS and tried a few things, but I don’t have anything that touches that—so I assume it’s in the Enfold responsive mobile menu CSS. Whatever happens at 768px reduces that space. On the desktop it’s almost 1″.
Any ideas?
Hi there,
The border at the top of my advanced layer slider on the homepage appears to be missing. I can see the border at the bottom but not on the top. Is there a setting I am missing somewhere or should I add CSS. If CSS can you provide the code please.
I have Enfold version 3.5.1. All plugins, WP, and theme updated. Using child.
1) First of all I am confused about how to enable the sidebar for a product page. The dropdown area is grayed out in
> product edit > Layout >> “This element only works with activated advanced layout builder”
Enfold theme settings tab ‘Sidebar Settings” does not have option for “Product Page Sidebar” so what controls this, page or entry or none?2) I found this post https://kriesi.at/support/topic/updated-enfold-wordpress-woocommerce/#post-563759 with instruction on edit functions.php + config-woocommerce/config.php + css. After making the changes/adjustments still no sidebar.
This seems to be a very basic function, to have sidebar on product page, the steps to make it work seem excessive. Perhaps I am missing something? I hope so.
Thanks
In reply to: Layer slider shortened by top bar on tablet
Hey Jojo_W!
Thanks for getting in touch with us!
Try the adding the following CSS code in the Quick CSS section in the General Styling tab in the theme options:
@media screen and (max-width: 997px){ #top .avia-layerslider .ls-wp-container { margin-top: 65px !important; }}Let me know if it helps :)
Regards,
JordanIn reply to: Mobile search bar
Hey profil77!
Thank you for using Enfold.
The icon jumps on mouse hover. It’s because of the following code:
.html_header_top.html_bottom_nav_header #top .main_menu ul:first-child>li:hover { z-index: 1000; position: relative; }In order to fix it, add this code:
.html_header_top.html_bottom_nav_header #top .main_menu ul:first-child>#menu-item-search:hover { position: absolute; }Regards,
IsmaelTopic: Custom Line Separator
Hi there!
I am trying to reduce the margins to 10 px on both top and bottom on the custom line separator but its as if they do not register the px. Almost like there is a minimum in place.
Can you please provide the code to reduce this space.
In the Portrait view on a tablet I have text that stacks in the top bar. Then the slider gets cut in half. See image link in private content. Is there some code I can add to Quick CSS to fix this?
Thank you!
Hey Chris,
I had a look at a couple of your pages but I couldn’t see anything missing from them, could you try explain a bit further and/or post screenshots of the issues please?
When using the builder for posts you will need to set the excerpt manually in the post, you can do so by selecting to view the Excerpt field under Screen Option in the top right hand corner of the edit screen.
Thanks,
RikardIn reply to: Need to add remarketing code to Enfold Theme
Hi, I have the same issue. Where did you place the code? I placed it in the same box as the google analytics but it created an odd extra space at the top of the website.
Where should it go?
Thanks,
SladeIn reply to: Hide main menu container on mobile.
Hey!
Try adding this code to the Quick CSS:
@media only screen and (max-width: 989px) { .html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 153px; } }Cheers!
JosueI have searched the forum and have seen this topic quite a bit – however, i am not sure if has been implemented in the latest theme or not..
Basically, i have a portfolio gallery at the bottom of the page, 15 images up, pagination on, and multiple pages of content –
Is there a way that the images can load when user clicks on the next page – without loading entire page?
In my case, when users click next page, it loads new page, and then user has to scroll to the very bottom of page.thanks!
In reply to: Parallax not working for Ipad and Iphone
Hey Ismael, SquareSpace seems to have parallax in iOS fixed and working incredibly well with CSS only (not JavaScript). It seems time to revisit this and we should be able to get it working just as well on Enfold.
Can you please take a look at this web site below on SquareSpace? Note that it is using an
, not background image with background-attachment:fixed on the containing div and it works amazing on iPad and iPhone:
http://www.pinkertonphoto.com/
Honestly, statistically, we should really be targeting great experience on iOS and preferring over Windows Phone just simply based on market share. 86% of my mobile visitors are on iOS.
I *love* enfold EXCEPT for this: sites look terrible on ipad because the parallax is disabled and the background image in the color section is fixed in the middle, cuts off peoples heads in the background image, even though I have it set to alight center top.
Can we give this another go?
Love Enfold. Great theme.
Has anyone had an issue with the full-width slider captions and the slider navigation forward and back arrows overlapping? My client has asked me to fix this on their site, but I’m not sure how to adjust the captions. In this case, the overlapping is occurring on a desktop display.
I have a full-width slider on their home page and the captions for the slides alternate between left and right justified positioning. The forward and back navigation arrows overlap the captions on both the left and right sides of the slider.
I haven’t been able to find a thread with the answer to this question, so any help would be greatly appreciated.
Thank you!
I have 4 columns in a colored section and above it s an advanced layer slider. What I need to have happen is for the icons in the 4 column section to display on top of the layer slider section instead of behind it.
I am getting what looks to be the main menu container when the site goes to mobile, tablets and phones. The main menu is hidden, but its container shows as white space bordered top and bottom by thin gray lines. I can’t find what it is.
I need to hide this as it messes up the layout and shoves everythinhg down—especiall troublesome in the store—leaving excess white space exaggerated on mobile as the screen gets smaller.
Here is a screenshot of an ipad-2 showing the issue. https://ilovetylermadison.com/BC-ipad2.tiff
What CSS can I use to hide this below tablet size?
Thank you.
– Michael
In reply to: Logo position, transparent header
Hi @nini_bacher ;
I’m really not sure but this may help you for desktop view, as you have a “next section” arrow on your slider you should not go too down..html_header_top.html_logo_center .logo { top: 90% !important;}For mobil view you should enlarge the width of the “logo zone” (as you do not display your mobil menu) ther is a place of 20% at the right side :
@media only screen and (max-width: 767px){ .responsive #top .logo { width: 100% !important;} .responsive .logo img { margin: auto !important;} .responsive .logo a { display: table-cell !important;} }Topic: PNG's in iconlist
Hi! Tried to follow the advice here – https://kriesi.at/support/topic/using-png-icons-in-enfold/
I’ve got this working, but there’s only one ‘custom css’ field per iconlist – how can I add custom css per list item?
Thanks!
Topic: sticky nav – .scrolled state
I am using a sticky nav, that will shrink up top when scrolled – When scrolling down, where do i control where the nav switches to the “scrolled” state? Unfortunately i have a layout that has the navigation pretty far down on the page, and when it scrolls a bit, it changes to the sticky, small state up top – leaving a big empty space between the nav and the page content. Ideally, the nav content would continue to scroll under the logo area – until the nav gets close, and then it would switch the “scrolled” state.
Thanks for any suggestions!- (i know this is not really good UX)
In the Avia gallery, the height of portrait-style images is much too high. This problem is described here but not answered:
On our site, the problem is illustrated here (I will give login credentials in the Private area):
http://www.jillscherart.com/jills-portfolio/scarves/a-la-tetris/
Is there some CSS code that would constrain the maximum height, but still keep the proportions of the image?
Hey Thanks all.
I could not quite make it perfect at all screen sizes however by wrapping Ishmael’s code in an aspect-ratio media query and applying css only to really wide screens now it is perfect:
@media screen and (min-aspect-ratio: 5/3) { .slideshow_align_caption {
vertical-align: top;
top: 35%;
} }In reply to: Logo position, transparent header
Dear begrafiks,
thank you for your reply. On mobile devices the logo is now kind of in the middle, but not really, and my question concerning the repositioning for Desktop view is still unanswered. Any more ideas?
Cheers,
Hi Yigit, thanks for the quick reply.
1. after adding the code below, all the font will change to black color and font size will same as the special heading size setting which is not same as my advanced styling setting color and font size. May i know how to solve or i have to edit the font color and size in every single special heading.
@media only screen and (max-width: 480px){
h1.av-special-heading-tag {
font-size: 23px!important;
}2- Which background image are we talking about here? Could you please elaborate :)
– for the ‘ BENEFIT ‘ special heading background which i have selected ‘ center center ‘ for the background image position is nice but when it comes to mobile screen the fruits background cover the font. May i know how to assign the background image position to ’ center left ’ for mobile screen and remain ’ center center ’ for the desktop screen.3..Please turn on custom CSS field for ALB elements
– i have added ” add_theme_support(‘avia_template_builder_custom_css’); ” into public_html/wp-includes/functions.php and it came out with this error as below. May i know where should i place the code.“Fatal error: Call to undefined function add_theme_support() in /home/beyounghealth/public_html/wp-includes/functions.php on line 12”
Thanks Team.
In reply to: Side Navigation Color Sections Hidden
I enabled debug mode. Pasted original shortcode into new page. Same result. Then, I attempted to duplicate some sections from top of page and place them down toward bottom of page. Similar results – everything below the “Our Staff” section was pushed to left below sidebar.
BUT – Next I moved a duplicated color section just above the “Our Staff” section (below the contact form section). For some reason this fixed the alignment of the content below that point. So, it seemed like maybe having a color section instead of naked layout columns at that point was the trick. I then moved the “Our Staff” items into a blank color section and page is aligning as expected.
I am moving on. Still not sure why it is happening. If you care to look into it further, I’ve renamed pages and providing links in private content. If I experience again I will let you know, but will likely continue to use Color Sections if needed.\
Thanks.
In reply to: Footer menu on mobile devices
Hi Innovago!
Please refer to this post – http://kriesi.at/documentation/enfold/display-footer-menu-scroll-to-top-button-on-mobile/
Best regards,
Yigit
Viewing 30 results - 97,891 through 97,920 (of 142,832 total)
