on svg you can open the svg file in a good text editor (sublime text on Mac OSX or notepad++ on PC)
on top of your svg there is some code like this:
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="110 33 400 120" enable-background="new 110 33 400 120" xml:space="preserve">
you can manually enter : preserveAspectRatio=”xMinYMin meet” (just before xml:space so there is:
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="110 33 400 120" enable-background="new 110 33 400 120" preserveAspectRatio="xMinYMin meet" xml:space="preserve">
this code offers you the influence how the svg shrinks. xMinYMin means it goes to the top left corner
if you like to center the logo in x-direction : xMidYMin means it centers on shrinking in x-direction but it goes to top etc
xMaxYMax – goes to right bottom corner of the surrounding container.
Hi,
again: does it work for you with a default WP theme?
I found a possible solution here: https://kriesi.at/support/topic/webm-video-background-on-color-section-does-not-play/#post-363860, where you can also find an article saying that Apple does not support WebM files.
Best regards,
Andy
Hi Rikard…
I want to only change the color for the secondary menu, not the main or the submenu of the main…
If you go to the site you will see that on the top left corner the word “INICIA SESIÓN” (this is the secondary menu)
right now it is showing white on transparent header and black when the menu stick… AND WHAT I WANT TO ACHIEVE is that the word appear red #ff5c5c when is on transparent header, and when the menu stick… I dont want to change anything on the main menu or sub menu….
I don’t know if that is possible… I hopo so…
thank you
On some image-heavy webpages (photography website) I want to load smaller images to mobile devices. I know how to use a combination of media query (code below) and the Section ID (e.g. in a Grid Row). This works in terms of mobiles displaying the correct items, but I have discovered that mobile browsers are still downloading ALL images (ie desktop images too) in the background – which makes the underlying problem worse (page speed). Is there any way around this? thanks
@media only screen and (max-width: 900px) {
/* Add your Mobile Styles here */
#family-promo-homepage-mobile {
display: block;
}
#family-promo-home {
display: none;
Hi. I’m using an ad manager for ads on my site, and I want to add a banner image to the bottom and top of my pages and posts. I want different ad code for pages vrs posts.
I’ve created a child theme with single.php and page.php which I can now edit. I know I need to add the ad code somewhere but I’m not sure how or where.
The ad code looks like this: [sam_pro id=”0_1″ codes=”true”]
I’m reading a tutorial about this and it says to add the code right after this code: <?php while ( have_posts() ) : the_post(); ?>
But I cannot find that code. Also do I just add the code as is, or do I need to wrap it in certain tags? What am I doing wrong? Thanks! –eric
Hey Basilis,
I’ve updated the theme to the latest version AND turned off the cache plugin, and when seeing the home page for the first time in an incognito window (i.e. with no cache), the articles area still doesn’t show at all. It’s not a matter of it being slow, it’s that it doesn’t display however long I wait and however many times I scroll past it. See for yourself in an incognito window here: https://www.digitalprosperity.com .
I also did enter the code, but maybe the cache plugin was stopping it from showing up for you. Please check again.
Thanks,
– James.
Dear support,
i figured it out: It was a typ in the main-menu with a space. This stopped the slider to load.
Hi Charlotte!
I though you was refering to
#top #wrap_all .all_colors h1
but I see you already have modified it through Enfold Child Theme.
Can you please show with a screenshot which area exactly you are refering as headline please?
Cheers!
Basilis
Hey bakbek!
Here is a possible solution for the similar issue.
Let us know if this worked for you.
Best regards,
Victoria
-
This reply was modified 8 years, 11 months ago by
Victoria.
Hi Mike,
i would like to add a search icon to a full-width Submenu as well. Not in the main menu, and not in the top menu.
Is there a solution to achieve that?
Thanks a lot,
Sebastian
Hi,
It’s just a little tough to give accurate info without seeing the actual way you have structured things. I can direct you to this thread, which my provide some help to what you are trying to achieve.
Best regards,
Jordan Shannon
Hi, guys,
I am exploring great new feature of Enfold. Tab section.
How can I make each tab adapt to the amount of content? On desktop and mobile.
My website: http://turbovezlys.lt/pradzia/
Open the 1st and 4th tabs to see what I mean.
Cheers,
Sarunas
Ah Yigit my saviour :)
Thanks.
I used: <iframe src=”someurl” width=”100%” height=”2200″></iframe> in a code block which i placed in a one row grid row.
Looks a bit beter now but there’s still white space between the frame and my the top header layer.
Is there any way to remove that?
See link to see how it’s now.
Hi!
I added following code to bottom of Quick CSS field in Enfold theme options under General Styling tab
#top .av-sort-yes-tax .av-sort-by-term span {
color: #999;
}
#top .av-sort-yes-tax .av-sort-by-term span:hover, #top .av-sort-yes-tax .av-sort-by-term .active_sort span {
color: black;
}
and flushed cache in Autoptimize and WP Total Cache plugins. Please review your website now :)
Cheers!
Yigit
We created a larger form with the “Contact Form” module. At the top of the form there are some required fields. You can’t see them, if you scroll down to the submit button at the end of the form. So, if they are not filled out and you press “Submit”, you see nothing happens. The red borders around the fields with missing content appears, but they are not visible in the browser window (because they are on the top of the form). Is there a possibility to show a message like “Attention: Please fill out all required fields” and/or automatically scroll up to the fields with missing content?
Thank you, Jan
Hi,
Can you please insert your background image as an image element into your cell and choose to hide it on desktop by referring to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/? :)
Best regards,
Yigit
Hi,
Please copy enfold/includes/helper-main-menu.php file to your child theme in the same path and then find following line in the file
if($headerS['header_topbar'] == true)
and change it to following
if($headerS['header_topbar'] == true && !is_page(483) && has_category('music'))
Best regards,
Yigit
It is only non-responsive when the background is set to “fixed”. If it is on parallax or scroll then it resizes just fine. The image was so far zoomed in on mobile that I have a hard time believing that is intentional. It seems like a bug that needs to be fixed to me. I switched my site to just scroll the image background as a compromise since “fixed” doesn’t work and there isn’t an option to have “fixed” on desktop and “scroll” on mobile. Really defeats the purpose of even having the “fixed” background option.
Avada gives the option of “fixed on desktop, scroll on mobile” which seems to solve the problem of having fixed backgrounds on mobile.
Hey!
Please add following code to Quick CSS as well
@media only screen and (max-width: 480px) {
#top .commentlist .children ul {
margin: 0 20px 0 10px;
}}
Cheers!
Yigit
Hey NetphoriaInc,
lets be focused on one single issue here and feel free to open new tickets if you have some more things.
So as far as I can see it you want to remove your second logo on the right? if yes, then use this code inside your Quick CSS field:
.html_header_top #top .av_logo_right .logo {
display: none;
}
If you also want to remove social icons use this code:
ul.noLightbox.social_bookmarks.icon_count_5 {
display: none;
}
This way it should look more like on your mockup.
Hope this helps!
Best regards,
Andy
Hi,
Sorry for the late reply!
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: 480px) {
#top .comment_text {
font-size: 15px;
}}
Best regards,
Yigit
Hi,
then try Vinay’s code without media queries:
#advanced_menu_toggle, #advanced_menu_hide {
left: 0;
right:auto!important;
}
.responsive #top .logo {
float: right!important;
}
Best regards,
Andy
Hi there,
I have an issue that I need to get sorted asap.
I have made the whole site responsive and have had no trouble with any of the elements except the app store buttons and the text on the landing page.
The responsiveness works perfectly when mobile is emulated through chrome, but when viewed on mobile it doesn’t work.
if you check the responsiveness on your desktop then on mobile you will see what I mean.
Hope you can help, I am at whits end.
Hi Andy,
thanks for your reply!
Unfortunately, your suggestion is not addressing the problem. In the private content I attached link#1,that shows a page in English language that accepted the piece of code that formats the top banner. This is how the page in link #2 should look like as well. But as you can see, the formatting set in the piece of code (code #1, attached in private content) is not accepted.
We assume this is, because we have restored an older version of the crooked page (link #2) and edited that – somehow that might be a reason why the piece of code is not applied anymore. (since it used to!).
I hope it is a bit clearer and hopefully you have any ideas how to fix this!
Thanks a lot,
Annette
Hi,
Sorry for the late reply!
Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your grid cell where you have your background image and give it a custom CSS class (“my-cell” in example below) and then add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 1024px) and (min-width: 768px) {
#my-grid { background-position: top left !important; }
}
Best regards,
Yigit
-
This reply was modified 8 years, 11 months ago by
Yigit.
Ok, just load this page in private content. Ok, now you must see no categories on the top of the page. There is only “TOUTE L’ACTU”.
Now, if you click on the “CHARGER PLUS” (LOAD MORE in French) button, categories menu appears. You can now see “TOUTE L’ACTU / CINÉMA / ÉVÈNEMENTS / FESTIVALS” and so on…
Can you see it ???
i used this code,
it seems to be not working
-
This topic was modified 8 years, 11 months ago by
hamzahmauzam.
How can I change the colors of the back to top button on http://apptomorrow.zoiezo.nl/
After installing the WP update I issued some problems with the preview image of blog posts.
They have become bigger, I would like to have the old size back. When I go to “Blog Layout” and change to “small preview image” or “big preview image” nothing changes.
Thanks in advance to the support team!
I make reference to your previous answer here: https://kriesi.at/support/topic/word-press-4-7/page/3/#post-759318