Hi,
Yes I thought about that but prefer changing the max width of the submenu in order to allow more images to show on one line rather than put smaller images.
You can consider that topic close.
Once again thanks for your help enfold team !
Best regards,
Clement
hey guys
i’m using the woo commerce plugin on my site and wanted to see if there is a way to disable the menu navigation at the top of the page. currently i have that navigation set up for my homepage to scroll down to the certain sections of the page. i’d like to be able to go back to the main page, but didn’t know if there is a way to set up a separate menu for a different page? so I either want to
1. change navigation to new menu that works on that page
2. disable top header completely so you can’t see the header.
thanks
http://www.jdrakeproductions.com/avemaria/?post_type=product
Hi Team,
follow up of my previous post https://kriesi.at/support/topic/content-not-centered-when-zooming/
The code you have sent me
#top.single-post .post-entry {
max-width: 800px !important;
left:50%;
transform:translate(-50%);
}
works fine everywhere in the blog but:
1. not in the comment area.
I will delete the code to avoid a messy format. If you need to test it let me know.
Any idea to correct it using the Quick CSS?
2. All links in the left side of the screen (for example the first social button) are not working. (only in Desktop version). When I hide the sidebar, links work again.
Thanks a lot again.
p.s. screenshot in the private area
@Caroline,
till this problem is solved sites like http://www.gps-coordinates.net/ would maybe help to get the coordinates?
@enfold-team: In case this “Google Maps API-code-topic” is an existing one – it might be great to have an input-field for this API-Code in the future – whether close to the Google Analytics-input field or directly in the map-widget? Just as an idea?
Hi support team,
this is the code from my contact form 7.
<div class=”flex_column av_one_full” style=”background-color:rgba(42,73,100,0.8); padding:10px 15px 0 15px; color:#ffffff; border-radius:3px;”>
<div class=”flex_column av_one_fourth first”>
Früheste Anreise<br />[date anreise date-format:dd.mm.yy min-date:0 placeholder “TT.MM.JJJJ” ]
</div>
<div class=”flex_column av_one_fourth”>
Späteste Rückkehr<br />[date rueckkehr date-format:dd.mm.yy min-date:0 placeholder “TT.MM.JJJJ”]
</div>
<div class=”flex_column av_one_fourth”>
Reisedauer in Tagen [text reisedauer]
</div>
<div class=”flex_column av_one_fourth” style=”margin-top:20px;”>
[submit “Angebot anfordern”]
</div>
</div>
I have tried to add a extra class to reduce its column spaces on mobile version (max-width: 767px) the whole morning.
Could you please helf me with this?
What should the code in Quick CSS looks like?
Hi, I am developing a site and has worked fine all the last week. Suddenly the layout builder has stopped working. I only had 2 plugins installed (Yoast SEO and Loginizer). I have deactivated both of these, manually uploaded latest version of WP and also deleted and re-installed the latest Enfold theme.
I then attempted to log in via a fresh new browser with same results.
I’ve used the helpful quick CSS on this post: https://kriesi.at/support/topic/enfold-buttons-next-to-each-other-within-same-columns/
but sadly the three buttons in a row won’t centre. I’ve tried a number of quick CSS bits from other posts too, but can’t seem to fix it. Is there something I can easily do?
HI,
I had a video gallery page that pulls in all my vimeo videos onto my page
Plugin page – http://codecanyon.net/item/video-gallery-wordpress-plugin-w-youtube-vimeo-/157782
The plugin stopped working just like. I contacted the plugin author and he said to contact you guys. Any help will be much appreciated.
Also, if you know of another plugin that would work in my case, please let me know.
I updated the image and used this instead
http://1c5.964.myftpupload.com/wp-content/uploads/2016/06/footer-2.jpg
Please take a look my site now – http://1c5.964.myftpupload.com/
I made it the same height as the footer
I think on desktop it looks good but now on mobile, its repeating and does not look good. Any advice? Can I use a different image on mobile?
Please advise
Hi Ismael
Thanks I’ve added the follwoing code to quick css but it didn’t change anything
@media only screen and (max-width: 479px) {
.responsive #top #wrap_all .slide-entry {
margin-left: 0;
clear: none !important;
width: 32% !important;
float: left;
}
}
Did I miss to do something?
Thanks,R
Hey davidmartinserrano,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px) {
.responsive #top.home #main {
padding-top: 75px !important;}}
Best regards,
Vinay
I had this topic started and, as I thought, resolved here: https://kriesi.at/support/topic/masonry-gallery-pictures-not-showing-correctly-overlaying-on-top-of-each-other/
However, it’s actually not resolved but still the same thing. See here: http://prntscr.com/bkdgg7 I tried it with several browser also with mobile. Always the same issue.
Any solution? Thanks, r
Hey Guenni007,
no, my intent is to have two horizontal lines with different sizes and colours on top of each other full-width in the bottom border area of the menu section.
you want under active and hovered main menu points a double line?
#top #avia-menu li a:active, #top #avia-menu li a:hover {
border-bottom: 2px solid red;
margin-bottom: 0 !important;
}
.avia-menu-fx {
bottom: 4px;
height: 2px;
}

-
This reply was modified 9 years, 8 months ago by
Guenni007.
Hi Ismael,
Thanks.
This topic can be closed.
Jan
Hey kilimats,
If you added the custom class “mobile” to the element then try changing the code to this:
/*HIDE ON DESKTOP*/
.mobile {display: none !important;}
@media only screen and (max-width: 767px) {
/*HIDE ON MOBILE*/
.desktop {display: none !important;}
/*SHOW ON MOBIL*/
.mobile {display: block !important;}
}
If that doesn’t work then could you please provide a link and login details to your site, so that we can have a closer look. You can place the information in the Private Content section of your reply.
Best regards,
Jordan
Hi
Google Maps has stopped working with the following error and warning messages:
Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error
Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys
Please advise of a solution.
Thanks
Hello Ismael,
Yes indeed. I was working last night on the website because my client is coming to see at the results this evening and I was not sure that there would be a solution on time to remove this negative top margin.
I add it back now, so you can take a look at it.
I’m aware that you prefer to create a new topic for a new question, but because my client is coming over this evening I was wondering If you can take a look at my footer when you are on my site.
In the middle column I’ve inserted a recent portfolio widget, but it’s not working when you click on it. It shows an empty page or just a single image. The same issue with the magazine or masonry element that I’ve placed on the bottom of the home page as an example. If you don’t mind, could you please take a look at this please. Maybe I’m doing something wrong, but I can’t figure it out.
Thank you
Best Regards,
Nin0
Hey Wendy,
Thanks for getting in touch with us!
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px) {
.responsive #top .logo {
margin-top: 35px;
}
#header .textwidget {
margin-top: -40px;
}
}
Best regards,
Jordan
I am trying to hide a fullwidth easy slider for mobiles, i ve added the custom css code shown in this link to my functions.php http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
add_theme_support(‘avia_template_builder_custom_css’);
I then added thiscode to enfold > general styling > quick CSS as explained here https://kriesi.at/support/topic/how-to-have-colour-section-hide-and-layerslider-display-when-viewed-on-mobiles/
/*HIDE ON DESKTOP*/
#mobile {display: none !important;}
@media only screen and (max-width: 767px) {
/*HIDE ON MOBILE*/
#desktop {display: none !important;}
/*SHOW ON MOBIL*/
#mobile {display: block !important;}
}
and finally added the word MOBILE to the element custom CSS class field at the bottom
All that done, still doewst work though, what did i miss ?
Hey scottybowl,
Thank you for using Enfold.
Please try the solution provided here: https://kriesi.at/support/topic/fullwidth-submenu-dropdown-doesnt-work-on-ipad/#post-618090
Best regards,
Ismael
Hi,
This custom css code is the cause of the issue:
#top .av-submenu-pos-left {
text-align: left;
padding-left: 420px;
}
Please remove it or place it inside a css media query:
@media only screen and (min-width: 989px) {
#top .av-submenu-pos-left {
text-align: left;
padding-left: 420px;
}
}
And update the theme to version 3.6.1.
Best regards,
Ismael
Hi!
I am using masonry to display my blogs because I like the grid format and I need the categories/sorting to be displayed at the top. The main problem I am having is that there are gaps between the tags. Obviously I have only picked a few categories to display so i’m assuming the blank tabs are the categories I haven’t selected. Is there a way to stop them from showing up?
I am also not a developer so if there’s a way to do it without using code, that would be great!
Thanks so much!
Hey eKMUch,
Thank you for using Enfold.
It’s actually not empty. The slider is set to pile to a single column on mobile view. Add this in the Quick CSS field if you want the same number of columns as the desktop view:
@media only screen and (max-width: 479px) {
.responsive #top #wrap_all .slide-entry {
margin-left: 0;
clear: none !important;
width: 32% !important;
float: left;
}
}
Best regards,
Ismael
Hi Peter,
Please try the following in Quick CSS under Enfold–>General Styling:
strong.logo img {
padding-top: 10px;
}
Thanks,
Rikard
Hi,
Great, please let us know if you should need any more help on the topic.
Regards,
Rikard
Hi,
I can send you screenshots but the first is obvious, look at the homepage, the down arrove is at the very top of the screen.
I’m sorry but I can’t see that issue. This is what I have on Chrome Windows 7:
View post on imgur.com
Best regards,
Ismael
Hi,
Thank you for using Enfold.
@begrafiks: Thanks for helping! :)
@kwebdesi: Please try the solution here: https://kriesi.at/support/topic/change-the-order-of-left-side-bar/#post-603541
Best regards,
Ismael
Hi,
Please add this in the Quick CSS field:
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
width: 100%;
margin-left: 0;
margin-bottom: 20px;
}
}
Best regards,
Ismael
Hi,
Did you remove the negative top margin of the column? Please add it back then we can use css media queries to remove the negative top margin on mobile view.
Best regards,
Ismael