Hi,
How do i enabled the theme avia breadcrumbs for right side header. Is there any shortcode for this?
Hi!
This should be fixed, kindly check on your end. If it’s not working try to clear the cache in wp rocket. I have added this code in your Quick CSS:
@-moz-document url-prefix() {
.portfolio-preview-content strong,
.portfolio-preview-content b{
display: inline-block;
padding-left: 3px;
padding-right: 3px;
}
}
Please let us know if you still experience any issues related to this topic :)
Cheers!
Nikko
Hey Everylite,
Please try the following in Quick CSS under Enfold–>General Styling:
#footer .widgettitle {
border-top: 1px solid white !important;
border-bottom: 1px solid white !important;
}
Regards,
Rikard
Hi,
Thanks for the feedback, please something like this instead:
#top #wpadminbar {
display:none !important;
}
Regards,
Rikard
Dear Kriesi.
Thank you for the theme Enfold that we are very happy with.
We do encounter some configuration issues especially in mobile mode.
I have tried to read everything in the forum and also tried several options but are still not satisfied with the looks.
1. The top-bar menus are necessary to keep shown when in mobile to have easy access to contact. The result I have now is a menu on top of my picture and that is not so good. What I would lik is the burger menu on the grey top bar and that the logo scrolls up when scrolling. How do I achieve that?
2. On the Google map under menu “kontakt” I have not been able to make directions on the markers, but reading through your forum I have been able to make directions in the popup box but the box is outside the frame when the topmost box is pressed. What I would like is to have the markers give the directions. Is this possible?
3. Filters under “Produkter” is moved down below all filtered products and are quite clumsy when in mobile. Do you have any suggestions how to get the filters in the top and to be like a small menu as 5 filters now would fill the whole screen.
4. The burger menu is a bit tame. Could a logo be added when it is active?
Best regards, Kristian
Hey Boria20000,
Please try the following in Quick CSS under Enfold–>General Styling:
@media only screen and (max-width: 1195px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
}
@media only screen and (max-width: 767px) {
#scroll-top-link {
display:block !important;
}
}
Best regards,
Rikard
-
This reply was modified 9 years, 5 months ago by
Rikard.
Hi,
I have this code in Quick CSS:
@media only screen and (min-width:768px) {
#top .logo {
width: 150px;
}
#top .av_header_transparency .logo {
height: 200px;
width: 340px;
}
#top #header_main > .container,
#top #header_main > .container .main_menu ul:first-child > li > a,
#top #header_main #menu-item-shop .cart_dropdown_link {
height: 91px !important;
line-height: 100px !important;
}
#top .av_header_transparency #header_main > .container,
#top .av_header_transparency #header_main > .container .main_menu ul:first-child > li > a,
#top .av_header_transparency #header_main #menu-item-shop .cart_dropdown_link {
height: 120px !important;
line-height: 180px !important;
}
}
@media only screen and (max-width:767px) {
.responsive #top .logo {
margin-left: 0;
}
.responsive #top .logo img {
max-height: 80px !important;
}
}
and have commented this code out:
.logo > a > img {
max-width: 150px;
}
.logo, .logo a, .logo a img {
width: 340px;
height: 200px;
}
With those codes added the Desktop, Tablet and Mobile versions should look good, you can play on the values as you see fit. Please let us know if there’s any issues with it and we would be glad to answer. :)
Best regards,
Nikko
Hi,
Please try this:
#footer #woocommerce_product_search-3 {
margin: 30px 0 0 0 !important;
padding: 0 !important;
}
Instead of this:
#footer #woocommerce_product_search-3 h3 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
Thanks,
Rikard
Hi,
Kindly add this code to Quick CSS (located in Enfold > General Styling):
#top .avia-tooltip, #top .avia-tooltip .avia-arrow {
background: rgba(0,0,255,0.5);
}
Just play around with the background color. If you need any help regarding it, just let us know :)
Best regards,
Nikko
Hi,
Great, glad you got it working and thanks for sharing your solution :-)
Please let us know if you should need any further help on the topic.
Thanks,
Rikard
Hi Pete,
I can’t do much more than to tag him for the topic unfortunately, I know he’s very busy at the moment so please be patient.
Regards,
Rikard
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.av-burger-overlay {
max-width: 300px;
}
.av-burger-overlay-active #top .av-hamburger-inner,
.av-burger-overlay-active #top .av-hamburger-inner::before,
.av-burger-overlay-active #top .av-hamburger-inner::after {
background-color: #000!important;
}
Best regards,
Vinay
Hey guys, so the following style use to work for me.
Now the class .visible-phone does not.
It just has everything disappearing on the mobile device.
The goal I am after is to have certain cells showing content on the mobile phone only/ Any thoughts are appreciated …
.hidden {
display: none;
visibility: hidden;
}
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
@media (max-width: 767px) {
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
}
That ends up showing the full admin bar instead of hiding it. I want none of the second admin bar showing. So the color section #ontop needs to be going over the grid section #onbottom.
I am having a problem with one of our pages on our website. The page uses the layout slider and loads fine when on desktop sizes. It won’t load when on mobile screen sizes though. I can’t seem to figure this one out. I am in the process of updating the theme and plan on testing that once I am able to test the update first.
Please note, the home page and other pages that use the same slider don’t seem to have this problem. It could be caused by the other elements on the page but I have removed those and still see the issue. The content slider that is being used in the dark blue box toward the bottom of the page is also not loading on mobile devices.
Would you mind taking a quick look at the page in the notes below?
Thank you so much for your help.
-Brad
-
This topic was modified 9 years, 5 months ago by
bsomme1.
HI Yigit,
Yes I Have tried that but I end up stacking the thee elements on top of each other.
I have created a dummy image and added a link for you to view to show how I would like the header if possible?
cheers
John
Hi,
I am trying out the “Restrict Content” plugin but as soon as I install it, the Avia Layout Builder stops working.
a) why might this happen?
b) do you recommend any password protected content plugins that play nice with Enfold?
Thanks
Hey!
Please copy unmodified class-form-generator.php file and paste it inside enfold-child folder and apply your changes and find following line at the top
<?php if ( ! defined( 'AVIA_FW' ) ) exit( 'No direct script access allowed' );
and change it to
<?php
Then add following code to Functions.php file of your child theme
require( 'class-form-generator.php' );
Regards,
Yigit
Hello, when browsing a full version of my website http://www.cyclecentralpark.com the menu items overlap each other – when the window size is reduced !
Also – in a mobile version – is there a way to get “back to top” button on every page ?
Thanks for your support
Hi
Please note that I find sollution on forum is here in the file: enfold \ framework \ php \ class-framework-widgets.php in 97 line is
js.src = "//connect.facebook.net/'. $langcode .'/sdk.js#xfbml=1&version=v2.7";
have to be
js.src = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.7";
Best regards
Krzysztof
-
This reply was modified 9 years, 5 months ago by
Krzysztof.
Hi,
I have bought the Enfold theme and it is absolutely brilliant theme so easy to use. Especially because I have very limited knowledge of building websites.
I have build the following website
http://www.eco-world.co.uk
I have the following question related to the theme.
1). I managed to add the phone number into the header and it displays correctly on desktop and mobile view but it doesn’t display correctly on iPad. It is overlapping the logo.
Please can you let me know how can I make it so that it displays in the middle or at the top like it shows on the mobile view.
2). Add a button in the header with title “Free Quote” and link it to a page.
3). Pop up display when the website is launched with an offer and with the option to close. Once you close it it take you onto main website.
4). Phone button on the mobile view only
5). Can I split the full width slider into two sections half for text and half for image for mobile view only.
Please bear in mind that I do not have any experience of coding or programming.
Your advice and help will be very much appreciated.
Thanks very much in advance.
Hi Thomas,
This is fixed. I have added this code in your Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:1024px) {
#top .phone-info,
#top .phone-info span {
height: 30px;
line-height: 30px
padding: 0;
}
}
Hope this fixed it on your end also :)
Best regards,
Nikko
Hey lssu,
Kindly add this code to Quick CSS (located in Enfold > General Styling):
.av-main-nav .menu-item-top-level-4 ul.sub-menu {
left: auto;
right: 0;
}
Hope this helps. :)
Best regards,
Nikko
Hi,
Besides the black background error at the top, another question in the mobile version the text next to the logo (“Compras y SErvicios S.L.) comes out very out of place and it is wrong, how I can fix that?
The link and acces in private message.
Thank you!!
Hey nathalie-,
You have already posted the same question in this thread: https://kriesi.at/support/topic/enfold-bereits-gekauft-avia-ladt-durchgangig/#post-701843
I’ll be closing this thread now. Kindly use the other thread for this topic. :)
Best regards,
Nikko