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, 1 month 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
Hi!
It is in Enfold theme options under Styling tab http://i.imgur.com/W0v6KLB.jpg
You can also add your custom CSS code in Custom.css file inside Enfold/Css folder
Best regards,
Yigit
Dear Enfold,
i cannot find QUICK CSS in enfold directory… is it under different name? stylesheet.css? or where?
thank you
indra
http://www.augmented-banking.com/fr/ > Top menu links are with a color and black on rollover
http://www.augmented-banking.com/ > Top menu links are always black…
i have exactly done the same parameters in the options theme…
thanks
I’ll tag the topic for Peter who has worked with WPML more.
Hi heikilaja!
By its nature the masonry gallery adjusts to the screen size of the user. If you only want to show a fixed number of items you should use a different element.
So on your desktop right now it may show perfectly with 4 items but on a larger desktop it has the space to the right even still. Shrinking down to mobile the script runs as if there were more items and adjusts the layout accordingly.
Regards,
Devin
Hi runekjensen!
I’m not sure any of us have an older version of Safari running to test on since the Mavericks update was free. I’ll tag the other support crew and and see if we can debug what might be happening.
Kriesi is aware of the iOS issues though that is due to iOS not allowing any video to autoplay and the user having no way to play the video in the background so the fix will either be a fallback static image or a play button, not sure which yet.
Best regards,
Devin
Hey!
I have answered your question in your other topic. So i am closing this one.
Cheers!
Yigit
Hey MKW270210!
Please go to Appearance > Editor and open Header.php file and find
if($phone) echo "<div class='phone-info {$phone_class}'><span>{$phone}</span></div>";
cut it and paste it right below
if(strpos($headerS,'social_header') !== false && strpos($headerS,'bottom_nav_header') !== false) avia_social_media_icons($social_args);
then add following code to Quick CSS in Enfold theme options under Styling tab
.social_header .phone-info {
float: right; padding-top: 20px; }
Regards,
Yigit
Hi brad86!
Do you mean creating new portfolio items? It was never available for blog posts. For more info, please see Ismael’s post here https://kriesi.at/support/topic/avia-advanced-layout-builder-for-posts/#post-211670
Best regards,
Yigit
Thank you, Yigit, done! May I bother you with 2 last questions?
On my website http://goo.gl/pIKt4s, I wanted to have a transparent header, so I added the following codes to my customer.css:
#header_main .container, .main_menu ul:first-child > li a {
height: 60px !important;
line-height: 60px !important;
}
.logo, .logo a, .logo img { max-height: 60px!important; }
#header_main {
border-bottom-style:none;
}
.fixed_header #main {
padding-top:60px;
}
.avia-menu-fx { display: none; }
.header_bg {
background: rgba(255, 255, 255, 0) !important;
}
#main {
padding-top: 0 !important;
}
My first question is whether all I did is correct and enough? Or shall I also go to avia.js and add “el_height = $60”???
Second question: now that I have the header transparent in landing form, all I want is to add a bit of background color to this header once the user scrolls down. SExactly like on http://squarespace.com/about/company
How can I control this header properties when user scrolls down?
Thank you very much!
Ali