Hi again Team Kriesi!
I have a question regarding something i am trying to achieve.
On my front page i would like to display a search form inside a picture (i think i have already accomplished that on the desktop version). The question is: How can i make a different view on the mobile/tablet device so that the form always stays inside the circle of the picture?
I hope it is clear what i am trying to achieve.
/BR
-
This topic was modified 9 years, 10 months ago by
mikaeld.
Hey Richard!
You could create a second version of the slider (and place it at the bottom) and use classes like this for each respective slider so the top one only appears in desktop and the bottom one in mobile:
.only-mobile{
display: block !important;
}
.only-desktop{
display: none !important;
}
@media only screen and (min-width: 767px) {
.only-mobile{
display: none !important;
}
.only-desktop{
display: block !important;
}
}
Best regards,
Josue
Hi Team -Enfold
I have found this css in another thread to place the image caption below the image.
It works great, but I cant the margin and the font size to work ? I want to have some space between the image and the text, and lower the font size a bit.
#top .avia-gallery .avia-gallery-thumb a:after {
content: attr(title);
margin: 50px 10px 0px 10px!important;
position: relative;
display: block;
width: 80%;
text-align: left;
font-size: 13 px!important;
}
I want to stick on this.
I changed the behavior for the “normal” logosize and the space above the logo.
But as the topicowner wrote, how can i change the smaler logo while scrolling down?
Large logo: http://imgur.com/7eQ5aXd
Small logo: http://imgur.com/7eQ5aXd
I need some more space below the logo.
regards, Oliver
-
This reply was modified 9 years, 10 months ago by
asegoGmbh.
Ok, you’d need to add some code to child functions.php and style.css / Quick CSS:
functions.php:
function avia_close_image_div()
{
echo "</div>";
}
function avia_add_summary_div()
{
global $avia_config;
if(is_product()) {
$avia_config['currently_viewing'] = "shop_single";
get_sidebar();
}
echo "<div class='single-product-summary'>";
}
Quick CSS:
#top.single-product #main .sidebar {
float: right;
width: 20%;
margin-left: 50px;
}
.single-product-main-image {
width: 16%;
}
I have been doing more research and I think at least I have figured out what the problem is…
The (updated?) EasySlider, must look for the narrowest photo and make this the width of ALL photos in the slideshow. Hopefully there is a function somewhere that I can stop this happening.
Here is another example: http://peteranderson.net/interiors-copy/
Watch the WIDTH of the first photo of the chair on a red background, the next photo is landscape so should fill the entire space (it did before the upgrade). Instead it displays at the same with as the first photo. The third photo again should be bigger, but presumably is also restricted by the width of the narrowest photo.
Each of the slideshows is set to NO SCALING (original width x original height) so you would imagine this would be ideal, I have tried others but as expected they crop the images.
Hi,
I have some tabs on my website which don’t seem to be displaying correctly with the latest update. A page has some information at the bottom in three tabs, and only the top one is displaying correctly, with the headings (but not contents) of the other two tabs showing up underneath.
My test site (I know I should have upgraded this one first and checked it…) is on 3.5.2 and the tabs look fine. Links in the Private Content part.
Both systems are running WordPress 4.5 with the same plugins.
Can you help please?
Hallo, gibt es zu diesem Problem eine öffentliche Lösung?
Habe exakt das gleiche Problem…
Siehe auch:
Hey!
Change the code you have in Quick CSS to:
#top .av_header_transparency .avia-menu-text {
opacity: 0;
visibility: hidden;
}
Best regards,
Josue
Hey!
Try adding this code to the Quick CSS:
#top .inner_product_header {
min-height: 120px;
}
Cheers!
Josue
Hey Frank!
Try adding this code to the Quick CSS:
#top div .product_on_sale .inner_product_header {
padding-right: 75px;
}
Cheers!
Josue
Hi Rikard,
Or you just could have suggest me to watch this video:
https://vimeo.com/64996057
It solves exactly my problem. I found this video later on!
Thanks anyway
Dennis
ps: topic can be marked as solved!
Thank you. Actually I AM having more problems with the same website:
Hopefully you can work a miracle on this?
Thanks
Hey Vinay,
I found the Problem myself. Oh God! The Site is working properly again.
It seems that Enfold has a big Problem with jQuery v1.12. which is delivered with WordPress 4.5.
In another Topic in this Support-Forum I read about changing the WordPress jQuery.js v1.12. with the one delivered with Enfold (v1.7.).
This almost worked perfectly, except for the LayerSlider which needs a jQuery Version > 1.10.
So I ended up using jQuery Version 1.11.3 which works for the Theme and for the LayerSlider.
I also encountered that the Backend of Enfold Version 3.5.3 with WordPress 4.5 doesn’t work when the Plugin Yoast SEO 3.2.1 is installed too.
By deactivating this PlugIn you’re once again able to put Media-Elements in Layout-Elements.
Thanks and Greetz,
jobo
After Updating to the latest Version with our Parent Theme, WooCommerce just completely stopped working.
Hey drejones90!
You can change the color from Enfold > Advance Styling > Menu links

If the above don’t work please change the color value in the below CSS and add it in Enfold > General Styling > Quick CSS
#top #header .av-main-nav > li > a .avia-menu-text {
color: #000!important;
}
Best regards,
Vinay
hi,
on my page i use the portfolio raster (grid) to show portfolios. The Design work fine on desktop pc. But on small screens the responsive Design does not work fine. The first item of the portfolio raster gets another size than the other items (look at the sreenshot) How can i fix this problem? I want that the first item of the portfolio raster (grid) gets the same size than the other items in the portfolio raster.
screenshot 
Thanks for help!
Hey!
Please use the below settings as seen in the screenshot to achieve something very similar to what you are looking for. You need to disable the caption from the elements caption tab on top.

Cheers!
Vinay
Ja, das geht. Gibt es eine “area” für alles im footer? So wird nur der Footer an etwas hochgezogen, aber nicht der Socket, back to Top Button etc., siehe Seite.
Hey John,
You linked to the theme overview page so I’m not sure which font weight you are referring to. If you click Remove Frame in the top right hand corner of that link you will be able to see the direct URL.
Thanks,
Rikard
Hi,
Great, please let us know if you should need any more help on the topic.
Best regards,
Rikard
Hi Vinnie,
Thanks for your response.
Sorry, I’m a bit confused – Do I create columns and add images into them, or do I create the masonry gallery. It’s not possible to do both.
I followed the instructions to enable Avia Layout Builder Debug but when I add the code to functions.php it stop the website working (I just get a blank white page).
Thanks :)
Hi,
Great, please let us know if you should need any more help on the topic.
Best regards,
Rikard
Hi Rikard,
I have followed every instratction and possiblity – reinstalled WP 4.5 – deactivated all plug-ins but Woocommerce.
nothing changed…
Let me be clear on one thing – If I change the order option (display panel) in Woocommerce it defenitly changes the order on the shop overview but not on the grouped product page…
The products are running in my shop as following:
grouped product -> single product
I have usually 2 to 3 single products – product (display) order starts from the top with the smallest size of my coffee bags (250, then 500g, then 1000g).
Please see here: https://frankfurter-kaffeeroesterei.de/shop/bohnenkaffee/frankfurter-bio-espresso/
here is an older entry, which displays the order correctly…
the only difference is that this was stored with an older WP and WC version… I tend to duplicate the latest entries (products)…
any other idea?
thanks
P.-
The full screen banner that should be at the top of the page is still missing, which was the issue I was originally seeking to fix by updating Enfold
Hi!
Please add this inside the css media query for tablet or iPad view:
#top #header_main > .container .main_menu ul:first-child > li > a {
height: 59px !important;
line-height: 59px !important;
}
Cheers!
Ismael
Hey siteraum,
I’ve tagged our german speaking moderator for the topic, please wait for his reply.
Best regards,
Rikard