Hi, I loaded the portfolio demo to test if I want to change my site to this design but the menu doesn’t look like in the demo – http://screencast.com/t/ORhZUP1wW
How do I change it so each menu item will be in a line of its own so they will be 1 on top of the other?
Hi Ismael,
That had the effect of pulling the content from the top main field, making it bold and putting it flush with the subcategories. There was nowhere to edit it either. See screenshot of what happened: http://imgur.com/a/ybwgB
Thanks
Vincent
Hi! Unfortunately from my iPhone 7 (italy), the font of the text that I have set is not read correctly. I did the test from other phones (iPhone 5 and Huawei) and also the font is not read.
I set the font (Hobo std) from the back end in “layerslider wp” but the font look good ONLY from the desktop and some mobile phone models.
Do you have some practical steps to solve the problem?
Hi,
I try to change the iconbox border color but it not change.
I added this to the quick css :
.iconbox_top .iconbox_content {
border-color: #FA330C;
}
What is wrong ?
Many thanks for your help.
Hi Nikko, Thanks for the above code.
More importantly though, I need the background image to work on mobile devices the same way as it works on the laptop. The tick for responsive has a message saying that everything will be adjusted to fit smaller screens. But that does not seem to be happening – as you can see in the image I sent.
Can this be fixed? Because currently the mobile phone view is awful. The parallax is not working, the content is squeezed to a narrow window in the middle and the background image is so huge it does not display properly – just a random display of fuzzy colours down the side and for much of the side it is just white. Also, where the background image is fixed for the laptop version it scrolls on the phone version. Cannot see how to edit the theme to work on both types of devices.
Thanks for your help
Hi Rikard
The slider on the homepage is the advanced layer slider, its the easy sliders that have stopped working.
Feel free to disable any plugins and make changes.
many thanks
Hi!
Therefore’, I think that it should be done in the nearest update by the theme moderators.
I’m sorry but we only rely on users to translate the theme for obvious reasons. And we usually advice every users to create a backup of their own translations or language files so that they won’t have to do it again once they update the theme. If you want to contribute, you can post your own translation files here. We are very sorry for the inconvenience.
// https://kriesi.at/support/topic/please-contribute-and-translate-enfold/
Cheers!
Ismael
Hi
please see in private the sreen shoot
On tablet (not mobil) logo on menu
I already put that in quick css:
#footer #woocommerce_product_search-3 {
margin: 0px 0 0 0 !important;
padding: 0 !important;
}
#footer .widget_product_search.widget h3 {
padding-top: 0;
}
#footer #text-7 {
margin:0 !important;
}
@media only screen and (max-width:767px) {
.responsive #top .logo {
padding-right: 40px;
}
}
@media only screen and (min-width: 767px) { #footer .widget {
margin: 0;
}}
Good Morning
The post slider is being used on the homepage of the website shown in private content, however the blog post titles have a variable length.
I have tried to follow your post here (https://kriesi.at/support/topic/truncate-the-blog-post-title/) to truncate the blog post title, the line of code that needs to be amended has changed. Please could provide an updated resolution?
Many thanks, as always.
Hey Nikko,
thank you for your answer, the solution is almost perfect, but the 2/3 column should move, too, because it gives a background to the text, what is important in mobile view:
https://goo.gl/photos/qBi4bFQHfA173qHU8
And you can see, that the text position is too much on the top of the color section in mobile view.
Could you help with this too?
Thanks,
Robi
Ok I figured it out, background image was set as to the “top left”. Easy fix was to select “stretch image to fit”.
Hey Robi,
Try to add this css code in Quick CSS (located in Enfold > General Styling):
.home #av_section_1 .av-special-heading {
position: relative;
top: -80px;
}
Just adjust the top value as you see fit. Hope this helps :)
Best regards,
Nikko
Hi,
Please try replacing Andy’s code with this:
#top .avia-slideshow-button.avia-color-light {
padding: 20px 150px;
font-size: 20px !important;
}
Best regards,
Rikard
Hi Gustav,
Glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi Henrik,
Great, glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Thanks for the feedback, glad you got it working. Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hey AmyBuild,
Thanks for using Enfold :)
1. Please add this code in your Quick CSS (located in Enfold > General Styling):
#top .av-menu-button > a .avia-menu-text {
border: 0;
}
2. Try to upload a landscape oriented image, try this image size 1600px(width) x 1067px(height).
Let us know if this helps :)
Best regards,
Nikko
hi enfold-team, can i use for a Sektion a different “Browser Window height”?
– mobil: “At least 75% of Browser Window height”
– but for desktop: “At least 50% of Browser Window height”
thx!
Hi,
Great, glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi Dominic,
Thanks for the feedback, please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi Stef,
Glad we could help, please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Try add this code in Quick CSS (located in Enfold > General Styling):
@media only screen and (min-width:768px) {
#top .avia-content-slider div .av_one_third {
margin-left: 2% !important;
width: 32% !important;
}
#top .avia-content-slider div .av_one_third:first-child {
margin-left: 0 !important;
}
}
Let us know if it works :)
Best regards,
Nikko
Hi!
1. I checked the page and the submenu is already on the top when the page loads, can you post a screenshot so we have the same idea how it looks and where it is positioned before scrolling the page.
2. I also checked the services page but if you are on the top no links appear, only the image of the boat and the texts in the middle, the submenu at the bottom doesn’t show, it seems the code we have given isn’t applied yet? or the page is cached? can you also post a screenshot on how this looks on your end.
Regards,
Nikko
Hey StakaStagista,
It’s displaying the same on my end on both desktop and mobile using Chrome. How did you set your custom font?
Best regards,
Rikard
Hi!
And how can i make all posts inside the grid 480px high. http://imgur.com/a/vC6fA
Try to add this code in Quick CSS (located in Enfold > General Styling):
@media only screen and (min-width:1024px) {
#top .av-masonry-entry {
height: 480px;
max-height: 480px;
}
}
But here are not long excerpts. http://imgur.com/a/aH8wq and there is still an appearance error :) ?
The image needs to be modified since you will see the image has shorter width.
Hope this helps :)
Best regards,
Nikko
Hallo mschneem,
1. You can set the socket text under Enfold->Footer.
2. You can set your home page under Enfold->Theme Options->Frontpage Settings
I have tagged our german speaking moderator for the topic if you would like to keep communicating in german. Please post a link to your site if you should need any further help.
Best regards,
Rikard
On the WooCommerce shop page, please hide the sort-param-count selector on top of the products if in the WooCommerce plugin settings “all” products are set to be visible. This can be set under WooCommerce / Settings / Products/ Display / Product Count.
The fix should be easy in your avia_woocommerce_frontend_search_params function which hooks into woocommerce_before_shop_loop.
When I check the box for Responsive Site, on my desktop version the text is wider than if I uncheck the box making it unresponsive box (where the content is narrower — wider margin or padding). My goal is to keep the box unchecked but to maintain the desktop width. I have screenshots to attach.