-
Search Results
-
Hi,
You can see the CSS applied for that if you inspect the element in your browser. Here is the CSS:
.jobs-menu > a > span.avia-menu-text:after { content: "4"; font-size: 9px; color: #FFF; background: #42A0BD; line-height: 17px; width: 17px; display: inline-block; text-align: center; border-radius: 100px; position: relative; top: -9px; left: 2px; }If you add that CSS in Quick CSS and this class to the menu item it should likely work:
jobs-menuBest regards,
RikardIn reply to: Individual header images for single pages
Hi,
Thanks for the feedback, glad we could help :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardHow to change the location of menu selector on mobile site? It currently overlay on the page title. I want to decrease the space between the mobile menu selector “Select a page” and the top. Thank you.
When I am in “home” page, the menu “home” will have a different color (grey) than other menu item. How can I change the color for the menu of current page or make the color always the same even it’s in the current page?
I also want to remove the “|” between menu items and increase the space between menu items. How can I do it?
Thank you!
Hi. You helped me out in a previous post to make certain elements look nice on an iPad Mini portrait and landscape view due to columns squeezing together. See this post: https://kriesi.at/support/topic/make-ipad-mini-portrait-have-same-layout-as-mobile-phone/
In that post, you provided CSS to make a grid layout behave like it does on a mobile device when using an iPad Mini. And it worked beautifully. Now, could you also provide CSS to make a Masonry Gallery be laid out on an iPad Mini as if it was laid out on a mobile device? On a mobile, a masonry gallery has each image stacked on top of each with the title and excerpt showing. It looks awesome. However, on an iPad Mini, whether in landscape or portrait view, the title and excerpt cover more than half the image and it looks terrible. I want the masonry gallery on an iPad Mini to look like as it was on a mobile and have the images stack on top of each other.
Thank you!
In reply to: Content Slider arrow controls not showing on mobile
Hi do you have a solution for this? What you said is the problem…you cannot see the arrows above the sample videos on a mobile. That’s the issue. It shows them fine on a laptop, desktop, iPad, tablet, etc. It’s only hidden on mobile devices.
1. When you prefer the top header for the logo and menu and when you select “Hide Mobile Menu Submenu Items” you can’t click on the first level menu item on mobile screen. When you click, it opens the submenu.
2. When you prefer the sidebar for the logo and menu, the choice for the mobile menu disables. And the mobile menu comes opened all levels.
3. When you prefer the sidebar for the logo and menu, there is no option to place the search box anywhere on the theme.
4. When you prefer the sidebar for the logo and menu, you also loose the page title and breadcrumbs.
i want full wide slider at the top of my site. and below the full wide silder thumbnails to click on. is there an easy way to build this with ALB?
Greetings, Alexander
Hi!
I’m now working on a new site but still have issues with the same need to change image background of section on mobile.
• First, for the full width easy slider on the top of my site, how can I change the background image of the first slide only? I tried this but it doesn’t work:
@media only screen and (max-width: 767px){
.av_slideshow_full li img {
background-image: url(http://metamorfic.net/dev/tp/wp-content/uploads/2017/03/couvert-web-full.jpg) !important;}}• For the 3 images used as background in colour sections, I used this code which is working on smaller screen on my desktop, but not on my iPhone. Why?
@media only screen and (max-width: 1024px) {
#fixed-bg1 {
background-attachment: scroll!important;
background-position: top left!important;
background-image: url(http://metamorfic.net/dev/tp/wp-content/uploads/2017/04/fond2-2.png) !important;}
}@media only screen and (max-width: 1024px) {
#fixed-bg2 {
background-attachment: scroll!important;
background-position: top left!important;
background-image: url(http://metamorfic.net/dev/tp/wp-content/uploads/2017/04/fond1-2.png) !important;}
}@media only screen and (max-width: 1024px) {
#fixed-bg3 {
background-attachment: scroll!important;
background-position: top left!important;
background-image: url(http://metamorfic.net/dev/tp/wp-content/uploads/2017/04/fond3-2.png) !important;}
}Thanks a lot!
Hi there,
been working on a new project and exploring the Enfold theme.
Currently I added css code the hide the logo and menu when watching on a laptop and pc. However when I’m watching it on a smartphone ( in my case an iPhone 6S Plus ) it doesn’t show the same way like the pc/laptop view.On my current website ( totally different theme though ) this functionality works perfectly
Any thoughts?
Hello,
Discovered out of nowhere today there is a grey bar at the top of the page that is messing with the navigation menu, causing it to be inappropriately fixed with a big exposed space above it.
Any help would be greatly appreciated.
http://www.tfifamily.orgEDIT: Also wanted to point out – I added a few plugins earlier today but tried removing them with no success. We then tried deactivating ALL of our plugins, again with no results.
In reply to: image behind each menu item
I’ve encountered an odd issue on an Enfold based one-pager site – grsee.com – where the page is scrolled back up after a couple of seconds.
Expected: When scrolling down/up to a specific section of the page, the page should stay at the same position
Currently: when scrolling down, the page scrolls back up after some time – 10-20 sec.How to reproduce:
1. load page http://grsee.com/
2. Scroll down and stop at a section titled PCI CERTIFICATION
3. Click menu item (using anchor navigation) BLOG
4. Wait some time till page scrolls back up to the section titled PCI CERTIFICATIONIn reply to: stroke searchbox
Hi,
Try adding this code in Quick CSS:
#header_main .avia-search-tooltip { box-shadow: none !important; } #top #searchform>div { margin: 0; } #top #header_main #s { border: 1px solid #e1e1e1 !important; }Let us know if this helps :)
Best regards,
NikkoIn reply to: CSS Problems
Hey Burggraafit,
Try placing some css at the very top of the styling panel. For example: body{display:none} and see if that works. If it does there may be an error somewhere in the css written below it. Also be sure to clear your cache a few times before you test.
Best regards,
Jordan ShannonI’ve followed the steps from this support ticket, but it’s incomplete:
We’ve created the subfolders in our child theme, and modified the code where needed
/config-templatebuilder/avia-shortcodes/av-helper-slideshow.phpHowever, the theme does not currently seem to recognize the code. We’ve flushed the cache and double checked everything, but the code still executes as H2 instead of the desired H3.
Without modifying the parent theme, how can we fix this issue? Since every time we update we would have to modify the parent file again.
Your assistance is appreciated
In reply to: Adding multiple widget areas to the header
never mind-I figured it out, the search icon from the main menu was reducing the size of my image. Is there any way to move the main menu to where the secondary menu is? At the top?
Thanks,
In reply to: Masorny Gallery not displaying
Did you try activating the lightbox?
In reply to: product imge not displayed
Hey bonsaiko,
Please refer to this page, we are actively pursuing solutions:
https://kriesi.at/support/topic/enfold-theme-woocommerce-product-images-not-showing-as-of-4-4-17/
Best regards,
Jordan ShannonHey nuncer,
The style tag in the body is from WooCommerce
<style type='text/css'> .fb_iframe_widget > span {display: table !important;} .woo-social-buttons {margin:10px 0;} .woo-social-buttons img {vertical-align: top;} .woo-social-buttons span.custom {float:left; margin:0 5px 5px 0; } .woo-social-buttons span.nocount, .woo-social-buttons span.hcount {float:left; margin:0 5px 5px 0; height:21px;} .woo-social-buttons span.vcount {float:left; margin:0 5px 5px 0; height:65px;} .woo-social-buttons span.yithqv {float:left; margin:0 5px 5px 0; height:36px;} .woo-social-buttons iframe {margin: 0px !important; padding: 0px !important; vertical-align:baseline;} .woo-social-buttons .smsb_pinterest.vcount {position:relative; top:30px} .woo-social-buttons .smsb_tumblr iframe {height:20px !important; width:50px !important;} .woo-social-buttons .smsb_tumblr.hcount iframe {height:20px !important; width:72px !important;} .woo-social-buttons .smsb_tumblr.vcount iframe {height:40px !important; width:55px !important;} .woo-social-buttons .smsb_stumbleupon.vcount iframe {height:60px !important; width:50px !important;} .woo-social-buttons .smsb_vkontakte table tr > td {padding:0px; line-height:auto;} .woo-social-buttons .smsb_vkontakte a {height:auto !important;} </style>This could be added by this plugin – WooCommerce Social Media Share Buttons, you might want to address the same question to their support.
If you need further assistance please let us know.
Best regards,
VictoriaIn reply to: Portfolio Recent Entries – how do you turn them on?
Hi melissaek13,
You have to modify the single-portfolio.php template, the related posts part has to be added there.
Please refer to this thread for a solutions.If you need further assistance please let us know.
Best regards,
VictoriaIn reply to: HTML showing up in accordion title
Using the text editor/HTML isn’t an option for the client/employees who will be using the visual editor and have 0 experience in HTML. I can get it to work myself that way. But if they click on the accordion to then edit the bottom half, it makes the code in the top half viewable without even touching it. So every time the bottom half is adjusted, the top half needs to be recoded.
In reply to: Responsive Price table
Hey GregA,
try this code inside Quick CSS field:
td { vertical-align: top !Important; }Best regards,
AndyIn reply to: How to disable main menu
That worked-but now the search function is missing-is there a way to simply move the main menu to the top line where the secondary menu is? Then I wont need the secondary menu.
Or is there a way to add the search function to the top line?
Thanks,
In reply to: Adding multiple widget areas to the header
My current css:
#header #text-2 { left: 50%; padding-top: 10; position: absolute; top: 0; transform: translate(-50%); z-index: 999; } #header #text-6 { left: 85%; padding-top: 10; position: absolute; top: 0; transform: translate(-75%); z-index: 999; }In reply to: Unlink Portfolio Boxes
Hi,
I think can be completed via javascript can you please try adding the following script:
document.getElementsByClassName("page-id-734 av-masonry-entry").removeAttribute("href");Please see the following on how to add custom js to the theme:
https://kriesi.at/support/topic/add-custom-javascript/
Best regards,
Jordan ShannonIn reply to: Mobile Menu on the home page
Victoria,
Keep in mind that I have Nikko’s fix (hack) in place on my website, so the Enfold menu is not behaving normally. It’s Nikko’s fix that causes the menus on all of my pages to scroll past the end. Without Nikko’s fix the homepage menu does not scroll at all, as described below, but all of the other pages work just fine and stop at the end.
Why is the Enfold menu only broken on the Homepage and works just fine on every other page?
Homepage = Menu does not scroll
All other pages on my site = Menu scrolls and stops at the endHomepage with Nikko’s fix = Menu scrolls and does not stop at the end
All other pages on my site with Nikko’s fix = Menu scrolls and does not stop at the endDEVGEN and I have explained this over and over again, the menu is only broken on the homepage (does not scroll) and Nikko’s fix only complicates the problem by causing all of the pages, to include the homepage, to scroll past the bottom of the menu.
Remember, I have Nikko’s fix in place right now, so you’re just fixing his hack, not the original problem. Context matters.
* I bet a lot of other people are having this problem but they haven’t noticed. I didn’t notice until I accidentally came across DEVGEN’s post.
Hi,
I’m using the “Subscribe-to-comments-reloaded” plugin and created a management page for it with this tutorial:
https://github.com/stcr/subscribe-to-comments-reloaded/wiki/KB#Real-Page1. I have made a copy of loop-page.php in folder “includes”.
2. Re-named it to subscribe.php and added at the very top of this file<?php /* Template Name: Subscribe To Comments */ if (isset($wp_subscribe_reloaded)){ global $posts; $posts = $wp_subscribe_reloaded->subscribe_reloaded_manage(); } ?>to have a template for a new empty page (= management page for the plugin), then assigned this template to a new page:
Then – and this is the issue – I created a “custom widget area” just for this page (made with this template created in that way), and added in this custom widget area some widgets like “latest news” from ENFOLD, and assigned to the new page this area as a sidebar:
Now the problem is, this copy of loop-page.php in folder “includes”, which I used like a template now, ignores the custom widget area.
Instead the default sidebar for pages and its widgets is shown.- I guess, it has something to do with the new page/new page template like I have described it above?
- Maybe I have used the wrong file for a duplicate, to create a PAGE TEMPLATE? Isn’t it “loop-page.php” in folder “includes” or better page.php in ENFOLD’s root?
- Or maybe the “custom widget area”, I have created just for this page, does not work with this duplicated loop-page.php, now is named now “subscribe.php” and acting like a template?
In reply to: New lightbox preloader colors
Viewing 30 results - 81,841 through 81,870 (of 142,845 total)
