Hi pmaly!
Please add Color Section element to your page right under your Layerslider, then set your image as Custom Background Image of color section element and give it a custom ID myid (or any other). Then add following code to Quick CSS in Enfold theme options under Styling tab
#myid {
background-color: transparent!important;
margin-top: -55px;
z-index: 55;
border: none!important;
}
Best regards,
Yigit
Hi!
No i didn’t, the change in js/avia.js is at the very end, this piece of code:
jQuery(window).scroll(function () {
scrollY = jQuery(window).scrollTop();
if(scrollY >= 220){
jQuery(".home #header").addClass("non");
}else{
jQuery(".home #header").removeClass("non");
}
});
Best regards,
Josue
Hey eric_peeters!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top div .avia-gallery img { border-style: none; }
Cheers!
Yigit
hi,
the black-box with the anchor should stop at the bottom of the header.
But it stops at the height of the resized header (which is disabled)
http://i.imgur.com/DFf8TSu.jpg
Regards,
Rafael
Hey!
Please add following code to Quick CSS in Enfold theme options under styling tab
#top .header_color .main_menu .menu ul li>a:hover {
color: #888;
}
.header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {
border-top-color: black!important;
}
.main_menu ul:first-child >li > ul {
border-top-width: 1px; }
Cheers!
Yigit
Hey!
Please remove Ismael’s last code and try adding following one
.logo img { margin-top: 15px; }
.header-scrolled .logo img { margin-top: 0; }
Cheers!
Yigit
HEY I FREAKING FIGURED IT OUT:
Javascript error that was only triggered in iOS Webkit.
I believe it’s still true that Chrome and Safari on iOS are Webkit-based, even though Chrome went to it’s own base some time ago on other platforms.
So in my case, I had some jQuery javascript which was causing only an error on iOS webkit browsers. The desktop browsers must be more forgiving. The bad code was a selector. I had
$('head link[id^=pau').appendTo('head'); // note the missing close bracket in the attribute selector
Shoulda been
$('head link[id^=pau]').appendTo('head'); //happy
So the only way for me to debug it was by following these instructions to enable web inspector for Safari on iOS: http://stackoverflow.com/questions/11262236/ios-remote-debugging/12607124#12607124
I’d start by making sure any site with this issue has no JS errors ON THE DEVICE, since that’s going to impact the slideshow and nav.
-
This reply was modified 12 years, 1 month ago by
jrevillini. Reason: adding formatting
Hey!
Please try flushing your browser cache and refresh your page a few times. It looks fine on my end http://i.imgur.com/BqXlJub.jpg
Regards,
Yigit
Hi there,
I am working on the following site: http://www.videyou.nu/wp
I have been able (with your help) to get the header, logo, slider and navigation to look the way I want it to..
This is the case on desktop and Iphone (portrait and landscape)
However, on the Ipad (both portrait and landscape) the header, logo, slider and navigation are not looking the way I want it to look..
How can I make specific settings for the Ipad screen size both portrait and landscape?
Any suggestions?
Thanx!
There was a thread: https://kriesi.at/support/topic/portfolio-items-sorting-not-visible-in-wpml-translated-page/ but unfortunately it’s closed now so I have to set the new one.
The same problem: all portfolio categories are properly translated and synchronized, but they show only on Polish pages.
When I set the English version of Portfolio Grid, I can see only Polish categories on the list.
(They shouldn’t even be there, as they are translated!)
Obviously, when I choose the Polish name of the category on an English page portfolio grid, there’s no result – entries are not visible.
The same happens with portfolio categories in sidebar widget: no English translation = nothing to display.
All plugins etc. are up to date.
Here is the link to one of the pages: http://karmole.net/nowa-wersja/podroze/?lang=pl
Try to switch into English version… All entries have translated and synchronized categories, so they should be visible.
-
This topic was modified 12 years, 1 month ago by
Aga63.
DUDE! Lol, I just like the sound of that :)
Thanks for your response. Currently I have the “You might also like” disabled on my site and it did clear up a lot of the errors. I also added another plugin called SEO Friendly Images which basically injects the title tag into the image html output which is good because normally your title would have your focused keyword. Keep in mind and I am sure you are aware of this that any and all images should have an alt and title tag. This is just plain good SEO practice. I certainly am not a PHP developer but I can usually find my way around adjusting the code to my needs. This framework is very difficult for me unfortunately.
I am also seeing some errors with link texts and given the information it looks like it would be the social media icons on the top.
http://puu.sh/6JXNi/3c63d639bf.png
Any suggestions for this?
Can https://kriesi.at/support/topic/rollover-disc-arrow-replacement-part-2/#post-121206 be achieved for an individual image within a gallery or just for an entire gallery?
Thanks
This reply has been marked as private.
Hey slui!
Looks like its incorrectly flagging the file and instance. While eval is uncommon in this case I don’t think its open for any non theme data to be passed to it.
The only instance is on line 275 in this function: avia_ajax_save_options_create_array .
I’ll tag the topic for Kriesi to take a look at however so that he can talk to the author if needed.
Cheers!
Devin
Hi Superbobrik!
Please refer to Ismael’s post here https://kriesi.at/support/topic/add-a-new-custom-font/#post-211016
Regards,
Yigit
Though the site is live, with many mentions of the beautiful theme from our users, there are two things I’d like to fix dealing with Mobile devices. Can you please help me with this?
You can find the website at this link: http://bit.ly/1fqPkFc
1- The Reserve Now button is placed arbitrarily on normal view and iPhone (480px), but not for tablet displays where it tends to stack on the social media icons (the phone number is doing the same thing on tablets, so I added the code below for that as well. Is there a fix for this? I tried using the same code as I did with the smartphone but with 768px. That did not work. Here’s the code that worked for the first 2 devices.
/* Add Reserve Now button to Header-added code to header.php*/
.header-button {
position: absolute;
border: none;
top: 0;
left: 255px;
right: 180px;
}
.header_color .header-button a {
display: block;
padding: 2px 5px 10px 12px;
font-size: 22px;
text-align:justify;
font-weight: bold;
float: left;
color: #f8d699;
border-radius:0px 0px 15px 15px;
}
.header-button a.header-chat { background-color: #985e06; left center no-repeat; }
.header-button a.header-chat {link: href=”http://reservation.worldweb.com/hotel/1227″ target=”_blank” }
}
/* Get Reserve Now button on iPhone*/
@media only screen and (max-width: 480px) {
.header-button {
position:absolute;
top:90px;
left:30px;
right:20px;
}
}
/* Sizes/styles phone#, */
#top .social_bookmarks li a { font-size: 18px; }
.social_header .phone-info span {
font-size: 18px;
color: #f8d699;
font-style: italic;
padding-right: 28px;}
}
2- We alternately use 2 of 3 layer sliders, but want NONE of them to show on smartphones. Just using the first bit of code stopped the #10 slider from being displayed, but using the same code with the different variables did not. I also tried using ‘all’ in place of the numbers, but that didn’t work either.
How do I repress all of the layer sliders on smartphones?
/* Remove Layer Slider on Smartphone*/
@media only screen and (max-width: 480px) {
/* Add your Mobile Styles here */
#layerslider_10 {
display: none!important; }
}
/* Remove Layer Slider on Smartphone*/
@media only screen and (max-width: 480px) {
/* Add your Mobile Styles here */
#layerslider_18 {
display: none!important; }
}
/* Remove Layer Slider on Smartphone*/
@media only screen and (max-width: 480px) {
/* Add your Mobile Styles here */
#layerslider_19 {
display: none!important; }
}
Love the theme and the support forum is refreshingly active and helpful. I do have one question I can’t seem to find a solution for.
If there is a low pain threshold way to replace the breadcrumbs with social icons. I searched but did not see a way to do this.
The closest I saw was adding a phone number so it seems it is possible to tweak that area’s content:
.title_container:after {
content: “2566654”;
position: absolute;
right: 50px;
top: 15px;
}
I am ok modifying a little code – but not an engineer and would prefer a way to do this is Custom CSS area.
Is there a way to do this? I think a lot of people would love to do this….have the page title on the left and social icons on the right. Since I use the small header option – this would allow me to have a low profile header but still get the icons in the viewing area above the fold.
Thank you in advance for your time.
Think the first line isn’t correct (red in custom.css). Doesn’t do anything in quick.css.
@media only screen and (max-width: 767px) {
.avia_wpml_language_switch {
top: 35px;
right: 20%;
}}
Regards,
David
Hey carlamurray!
Please refer to my post here https://kriesi.at/support/topic/shadow-border-around-website/#post-209829
If that does not work, please post the link to your website so we can take a look
Regards,
Yigit
In boxed layout mode, is there a page wrapper of some sort where I can apply a box shadow to the page sides(right/left)? I saw this on the forum but it didn’t work?
boxed#top {
box-shadow: 100px 100px 50px black;
}
Hey!
Please add following code to Quick CSS as well
@media only screen and (max-width: 767px) {
.avia_wpml_language_switch {
top: 35px;
right: 20%;
}}
Regards,
Yigit
I have installed Enfold with BuddyPress Multilingual.
For latter to work, in the WPML settings (Language URL format) I need to set the option “Different languages in directories”, (according to BuddyPress Multilingual instructions).
This seems to work, but when I go to the Enfold Theme options, (/wp-admin/admin.php?page=avia), I get the following error code on top of the page:
Warning: call_user_func_array() expects parameter 1 to be a valid callback, function ‘bpml_icl_ls_languages_filter’ not found or invalid function name in /public_html/wp-includes/plugin.php on line 199
Warning: uasort() expects parameter 1 to be array, null given in /public_html/wp-content/plugins/sitepress-multilingual-cms/sitepress.class.php on line 5573
Please let me know what to do.
Regards,
Paul
Hi Yigit,
Looking good!
We are almost there: because of the minus number (.avia_wpml_language_switch { top: -30px; } the language flags don’t show on smartphones. Will it be possible to still show them? Maybe when we remove the grey section above the white navigation section the problem is solved? I think the flags show up below this grey section on smartphones. But that’s just my feeling. :-)
Regards,
David
Hi!
Please add this on Quick CSS to modify the select form:
#top select {
width: 500px;
}
This is for the text input:
#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
width: 500px;
max-width: 100%;
}
Adjust the width value if you want.
Best regards,
Ismael
Hi orsettopro!
You can use this on Enfold > Styling > Quick CSS to adjust the margin of the logo partner element:
.avia-content-slider {
margin: 5px 0;
clear: both;
}
Cheers!
Ismael
Added that, but if you look at the CSS generated, the @media block is showing up after some other css in the same HTML block. I thought that @ directives need to be at the top to have an effect. or maybe that’s just @import. i don’t know, but either way, it didn’t affect it on my mobile device. Here’s the CSS that was generated, yet I only pasted what you sent me into the box. the above stuff is coming from somewhere else.
<style type="text/css" media="screen">
html { margin-top: 32px !important; }
* html body { margin-top: 32px !important; }
@media screen and ( max-width: 782px ) {
html { margin-top: 46px !important; }
* html body { margin-top: 46px !important; }
}
</style>
Many thanks, it works fine with 5px, 5px,…
Hi Yigit,
sorry for not coming back to this topic, but i think it will be better to make everything final and than let you take a look at the places where i want to have smaller margins …
one thing that i dont understand at the moment is:
on my frontpage i do not have any white frame at the bottom edge of the website. the last image could scroll in without interfering with a white frame.
Any other page from the website has a white frame at the bottom edge of the website. this makes it less convincing when the last image scrolls over it.
Can i get rid of this white border at the bottom edge of the site on every page ? and when, how ?
many thanx for helping !
stucki
I tried finding one but its not a very popular request. No file would need to be changed but instead you would be uploading a new font file: http://kriesi.at/documentation/enfold/adding-your-own-icon-fonts/
What you are looking for is numbers in svg format or as an already generated icon font file. I’ve come up short when trying to find one but it would be a good resource to have so I’ll tag the topic for myself and I’ll try and squeeze in making one this week. It would only be 1-10 or maybe 1-20 in a serif style.