Hey!
Try adding this code to the Quick CSS:
#mobileMenu_avia-menu {
position: relative;
top: -7px;
}
Cheers!
Josue
Hey Kimberlyjo!
The programs I use in the video are available on both OS for free. You can however zip the child theme and upload it through the WordPress admin. You would still need to FTP to the folder to add in new files to the root folder if you wanted to do that so I would suggest getting comfortable with FTP.
You can read a bit more about child themes here: http://codex.wordpress.org/Child_Themes
When you are using the child theme it works just like the normal theme except it is the active theme while the parent theme just sits in your themes directory. Pages, posts and everything else is part of WordPress and the theme sits on top of those.
Best regards,
Devin
Test on Android 4.3 (fonepad asus)
Same youtube url
* Ok for color section video background.
* Nothing on a full width easy slider
Both are ok on desktop windows 7 Chrome
Update: Issue is resolved.
Primarily the post-snippets plugin is not a good solution for me as I am creating a pretty large website, and to create links just to replace the OIO javascript would take a good couple of days.
My fix:
The main problem was an ad blocker mixed with the minify.js plugins. Disable those and it seems to come right up.
the ad blocker inserts dashes and spaces into javascript code to scramble the ad, and in my case, It scrambled it even before it gets put into the Avia viewing screen. and because Avia cannot produce the broken JS, it seemed to remove it. it may have been the ad blocker that removed it.(unsure).
Why remove minify JS:
Enfold seems to have an issue with minify plugin. which crunches code so it can serve pages faster. but that breaks CSS on safari desktop browsers.
Prueba con este:
#after_layer_slider_1:before {
content: "";
height: 5px;
width: 100%;
background: white;
display: block;
position: absolute;
top: -4px;
z-index: 100;
}
Saludos,
Josue
Hi, Yigit,
Maybe it has to do with my iPhone 5 retina screen? Still don’t see the go to top button after flushing the cache.
Thanks,
Robert
Same thing happening for me. Works on desktop. Not working on iPhone 5, iOS7. Please fix if you can. Thanks!
http://jonathanrickertyoga.thethirdrootmovie.com/
I agree with someone else’s post in support that it would be nice to have checkboxes for some options on embedded YouTube videos — especially “hide related videos.”
Love this theme!
Hey!
Please try flushing browsers cache on your iphone. I have just checked your website on my iphone 4 and back to top button is visible. See screenshot here – http://i.imgur.com/twjIkuc.png
For video issue, please follow this thread https://kriesi.at/support/topic/color-section-video-background-not-working-after-2-5-3-update/
Regards,
Yigit
Hm. Odd. I followed your instructions, and I’m still getting a black screen where the video should be and no go to top button. On Safari on the iPhone.
Hi!
Please edit the code i have posted in my previous post and change top: 80%; to top: 108%;
Regards,
Yigit
Is there a way to decrease the font size of certain text when the site goes responsive on a mobile device? I would like to be able to make some of my desktop headings quite a bit larger but they get cut off when viewed on a phone since the font size remains the same. How can I specify what the font size will be when viewed on a mobile device?
Hey!
The code is to display go to top button on mobile. Please flush browser cache and refresh your page, now it is visible on my end.
I mean remove the link from element, save it. Then add it once again.
Best regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 480px) {
.logo, .logo a, .logo img { max-height: 60px; }
#header_main { height: 90px; }
#advanced_menu_toggle { top: 80%; }}
Regards,
Yigit
Hey roberthickling!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #scroll-top-link {
display: block;
}}
Can you try resetting video link?
Regards,
Yigit
Hey roberthickling!
Please refer to my post here and increase the header size to 160px https://kriesi.at/support/topic/change-logo-image-for-scrolled-header/#post-188003
If you do not want to increase the height of the header, please edit your logo file and remove whitespace from top and bottom then re-upload it
Cheers!
Yigit
Hi there,
Hoping you can help me have a wider/larger logo. The desired dimensions of the uploaded logo including whitespace on top and bottom are 476×156. What do I have to do to display a wider/larger version. I’m using the short, fixed header. I’ve tried sifting through the forum but there’s no one place that seems to address this. Or if there is, please point me to it. Please see
http://jonathanrickertyoga.thethirdrootmovie.com/
Thanks,
Robert
I have already answered your question on your other topic. Please do not create duplicated topics as it is making it harder for us and other users to follow the issues.
Closed!
Regards,
Yigit
Hi there,
I’m on a quick deadline for a client and was excited to be using your theme but then I just looked at the treatment in mobile on my iPhone 5 running iOS7 and the site doesn’t work. First, the background video doesn’t load and all that shows is a black screen. Also, the scroll to the top button doesn’t show up. These all need to be fixed quickly and I assumed that a responsive design meant it was going to work on mobile. Please advise.
Thanks,
Robert
http://jonathanrickertyoga.thethirdrootmovie.com/
is it possible that the standalone icon appears since the beginning of the page load, without any effect? I mean: it takes time in apeearing on the page, which means a problem if you see the website in devices like a laptop, because the icon does not appear until you scroll down, and it seems as if there was an empty space…
thank oyu!
Hola Adolfo,
La verdad que es un problema bastante inconsistente, solo pasa cuando se mantiene la vista en un punto especifico, probablemente un bug de LS, sin embargo le encontré una solución, intenta con este código:
#after_layer_slider_1:before {
content: "";
height: 2px;
width: 100%;
background: white;
display: block;
position: absolute;
top: -1px;
}
Saludos!
Josue
-
This reply was modified 12 years ago by
Josue.
Hi!
Please review your website. For further modification, you are going to need to hire a freelance developer on Microlancer or Codeable for that kind of customization as it is beyond the scope of support we can provide. You can also request quote here.
Best regards,
Yigit
This reply has been marked as private.
Hey!
Try adding this code to the Quick CSS:
.home #av_section_1 {
border-top: 0 !important;
}
Cheers!
Josue
This reply has been marked as private.
Hi!
Sure, please do so. Make sure to check “Set as private reply (Only you and moderators will see the content of this post)” above Submit button
Cheers!
Yigit
Hey!
I have set it to private. Please check Grid.css file and look for extra commenting tags. You can also add following code to Quick CSS in Enfold theme options under Styling tab to hide it
#wrap_all { margin-top: -25px; }
Regards,
Yigit
dear yigit,
can i give you my website login and password? thank you
cheers,
indra
dear enfold,
i have found the CSS but now the top header looks ugly how to move it around before the HOMEpage menu and one line with homepage link.
cheers,
indra