I just updated to the latest theme, and it came with a few errors.
This is the site I am referencing. http://oasischristiancenter.com
When you go to the page on an iPhone (haven’t tested other smart phones), it works fine in all but two areas.
1. The promo box/button under the stop easy slider is not clickable. It is on desktop though. The strange thing is that the promo box/button at the bottom of the page is clickable.
The top button that does not work, links to this page: http://oasischristiancenter.com/walkworthy. That page has three promo boxes and none of them are clickable either EXCEPT for the bottom one again.
These were all working in the update prior to the latest one.
2. Unrelated to the buttons not working is the logo. I really wish there was a guide on how to adjust the theme to work with logos that do not fit the 340px x 156px recommended settings. Some logos just don’t fit that mold. Mine for example looks horribly skewed when on a smartphone.
Thanks for any help you can provide.
By the way, I tried to update but on alle pages a gap appeared at the top of the page.
I’m using the page setting NO HEADER NO FOOTER.
Had the same issue. This is how I fixed it:
In Enfold Theme options set “Where do you want to display your blog” to nothing.
Then go to Appearance > Themes > Customize (when you hover over theme) and then set Blog to nothing as well.
Create your Blog/News page, add whatever elements you want in the Advanced Layout Editor (be sure to include the Blog Posts element and configure from within).
Original Thread: https://kriesi.at/support/topic/editing-blog-homepage-outside-of-avia-layout-builder/
-
This reply was modified 12 years ago by
Thinkgate.
Hi!
I have just logged in and fixed mobile menu issue and logo on mobile and checked it on my iphone. This is how it looks on my end http://i.imgur.com/RJO9hR7.png
You can find custom CSS code i added on the top of Quick CSS section.
Regards,
Yigit
Hey!
I answered your LayerSlider related question in your other topic here https://kriesi.at/support/topic/layer-slider-is-not-loading-please-help/
Glad you figured it out! Let us know if you have any other questions or issues
Regards,
Yigit
Hi!
Please edit your logo image and remove whitespace from top and bottom and re-upload it
Regards,
Yigit
Hi, thank you for the introduction of print.css!!!
How is it possibile to:
– remove the fixed logo in every printed page (if the page is long) becouse the text o the page goes under the logo in page 2, 3, … ecc.ecc and keep it only in page 1?
– keep the logo in every page but set something like a top-padding in every page content so that it is not covered by the logo?
Thank you
Alessandro
Hi Raymmar!
You can add following code to Quick CSS in Enfold theme options under Styling tab to make them visible all the time
.avia_desktop .avia-content-slider .avia-slideshow-arrows a {
opacity: 1;
}
However, it is not possible to move them outside of the box. If you really need it, please hire a freelance developer
Best regards,
Yigit
I followed the instructions from this topic https://kriesi.at/support/topic/new-custom-font/ and have the font showing up in the list in Enfold settings, however I do not see the different weight choices. How can I select those? Below is what I added as a test.
add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Source Sans Pro'] = 'Source Sans Pro:400,600,800';
return $fonts;
}
add_filter( 'avf_google_content_font', 'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Source Sans Pro'] = 'Source Sans Pro:400,600,800';
return $fonts;
}
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
padding-top: 126px;
}
Cheers!
Yigit
Your suggestion works. I’ve added it into a max-width of 767, because that’s when it starts.
Any ideas about why the logo still shrinks when you scroll on mobile layout? I thought it was only for when you have a locking top header?
hi thanks, but i want this change to apply only to this promo box. your code will change all promo boxes across the site won’t it?
Hi controlC!
Please refer to Ismael’s post here to add new fonts and font weights https://kriesi.at/support/topic/add-new-font/#post-234710
Regards,
Yigit
Hey!
You can add following code to Quick CSS in Enfold theme options under Styling tab to decrease padding between menu items between 768px and 989px
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 5px;
}}
That would be the best option if you do not like to use mobile menu instead
Best regards,
Yigit
Hi quike!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a, .html_bottom_nav_header.html_logo_center #top #menu-item-search>a, .html_header_top.html_bottom_nav_header .main_menu ul:first-child>li:first-child a { border: none; }
Best regards,
Yigit
Hi carina_christiansen!
Please replace the code i have previously posted in your other topic to following one
body .av-special-heading.blockquote > * {
line-height: 90px;
}
Cheers!
Yigit
I’m still having problems with the mobile responsive design. It doesn’t really work properly in portrait mode. I’ve got images in the slider at the top that aren’t minimising to the size of the screen. It looks whack on mobile phones, at least in portrait view.
Any way to fix this?
Cheers,
Logan
OK I decided to revert to an earlier backup which looks ok again.
Then I added this:
@media only screen and (max-width: 767px) {
.responsive .mobile_slide_out .logo img{
width: 225px; height: 50px; margin-top: 10px!important;
}
to fix the logo on mobile header and all the errors listed above are back – none of my css styling is showing.
I am going to revert again, as I can’t have these errors live, but there is some serious error here.
Not sure if you can test it now, but I still need a way to fix my logo on mobile, which is running under the menu icon.
help!
n
-
This reply was modified 12 years ago by
Munford.
Hello,
I have a question:
On my home page http://enrecht.nl/ if i scale the browser or on a ipad, the flexslider and text doesn’t scale the same. So the text becomes large en the image very small. This is also on the section “advocatenbureau uitgelicht”. Can you help me to scale test and image on a same size so i looks the same on Ipad and on a desktop.
Thnx!
Hi Ismael,
Absolut top, that looks a lot better.
Thanks, Intosuwo
New problem. Also regarding the font in headlines after recent update.
When in mobile responsive mode, there is not enough line spacing in the (longer) headings.
http://karrieredesign.dk/
Also, the questionmark in the heading just below the video at the top of the page is cut over/only showing half.
Please help.
Best regards,
Carina :)
I’m disappointed how the option to link to an internal page on a fullscreen slider button has apparently been removed since 2.6. I have no idea why you would remove this, but I sure don’t see the logic of allowing only a fixed URL. Especially if it IS still possible if you add the link on the image instead of the button(s) and that it was possible before.
Why has this been removed? Was it a mistake? Can it be added again, or can I add it again to avoid having to wait for the next update?
The link on my homepage(!) stopped working because of this!!
Hi!
Please try to re-install bbpress. I noticed that there’s a stray li tag after the bbp-body element (also see http://validator.w3.org/check?uri=http%3A%2F%2Fnatureslens.co.uk%2Fforums%2Ftopic%2Fwelcome%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 )
`
<li class=”bbp-body”>
<li>
`
and this li breaks the template. I’m not sure where this li tag comes from though because the theme does not change the bbpress output.
Cheers!
Peter
Hey brycenagels!
Maybe the language cookie is missing. Try to clear your browser cache & delete cookies and then go to the editor page to translate it. See: https://kriesi.at/support/topic/wpml-homepage-blog-post-not-working/#post-230549
Also make sure that the products and product categories are translated properly (with: http://wordpress.org/plugins/woocommerce-multilingual/ ).
Cheers!
Peter
Hey Raph!
1) Maybe Enfold can’t regenerate the dynamic stylesheet. Please use a ftp client and connect to your server. Navigate to wp-content/uploads/dynamic_avia/ and set the folder permission to 777. Then delete the enfold.css file and go to Enfold > Theme Options to regenerate the dynamic stylesheet (hit the green “Save all changes” button).
2) Yes, we’ll fix this with the next update. For now see: https://kriesi.at/support/topic/wpml-language-switcher-disappeared-after-upgrading-enfold/#post-236236
Best regards,
Peter
Thanks – I just fixed the WPML and have applied the code for the header. Seems to only be changing the width but the height is weird and my attempts at fixing it (height: 100% or height : 50px) don’t work. How can I preserve the aspect ratio of my logo?
I had another topic (#234597) open regarding video slideshows on the mobile and was waiting for a css code to swap the color section (with video) at the top of this page with the image slider below, but my topic was closed after the upgrade. I know there are extra options regarding videos in 2.6.1 but they may not be right for my needs. Can you help me with this?
thanks
N
-
This reply was modified 12 years ago by
Munford.
Hi!
https://kriesi.at/support/topic/enfold-update-errors-help/
I’ll close this thread now to avoid cross postings. If your issue is not resolved please create a new thread.
Best regards,
Peter
Hey!
1) To resize the logo try this code:
@media only screen and (max-width: 767px) {
.responsive .mobile_slide_out .logo img{ width: 300px; }
}
Obviously you can replace 300px with any other custom value. You can also define new media queries if (max-width: 767px) does not give you proper results for all screen sizes.
2) Yes, we’ll fix this with the next update. For now see: https://kriesi.at/support/topic/wpml-language-switcher-disappeared-after-upgrading-enfold/#post-236236
Best regards,
Peter
I having similar header issues after upgrading to 2.6.1/
http://www.copenhagenfilmcompany.dk/
Logo on the mobile is too big and runs under the menu icon.
I styled it before like this:
@media only screen and (max-width: 767px) {
.mobile_active #advanced_menu_toggle {
display: block;
right: -15px;
top: 40px; }
.logo img {
height: 50px;
width: auto !important;
max-width: none !important;
margin-top: 10px!important;
padding-top: 0;}
.responsive .logo {
margin-left: -10px!important; }
}
/*headerlogo fix*/
.logo img {
margin-top: 5px;
}
.header-scrolled .logo img {
margin-top: 0;
}
I have gone through all the new settings for the header but don’t see any fixes there. Can you help me?
thanks.
n