Hi Rikard,
one more question on this topic. How can I change the color of the arrow which is displayed?
Best wishes,
Andreas
Hey Brad,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 480px) {
.avia-fullscreen-slider .caption_container {
margin-top: 100px!important;
}}
Best regards,
Yigit
btw the image above is interesting for you i guess:
https://kriesi.at/support/topic/phone-number-in-header-4/#post-667627
because your custom link – is no link
fill in url tel: 0178…
and in Link Text if you want to show the phone number 0178…
than even mobiles could press that link and they will open that phone
I have included in the homepage a slider and under it a text block with a representative phrase. I want to reduce the padding-top of this block of text so it is not overlapped by the bar cookies. I include the code introduced for this purpose.
<p style=”text-align: center;”><span style=”color: #000080;”><span style=”font-family: times-roman; font-size: 18pt; padding-top: -10px;”>MOTIVOS NAUTICOS PARA LOS AMANTES DE LA NAVEGACION</span></span></p>
Hi,
Please try changing the code to following one
.iconbox_content_container .column-top-margin {
margin-top: 0 !important;
width: 100%;
}
Best regards,
Yigit
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .flex_column .template-blog .post-title {
font-size: 30px;
}
Best regards,
Yigit
Hi Kriesi team,
I have an issue with the scroll down arrow in a colour section. It simply don’t scroll down the page, instead, if I’m a bit down on the page and click it, it scrolls BACK UP to the top…
Could you please help me with this as I have to launch this website very soon.
Thank you very much in advance.
E.
-
This topic was modified 9 years, 6 months ago by
equio. Reason: [forgot to add link]
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a, .responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a, .responsive #top .av_header_transparency #header_main_alternate, .responsive .av_header_transparency #header_main .social_bookmarks li a, .responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span, .responsive #top .av_header_transparency #header_meta, .responsive #top .av_header_transparency #header_meta li, .responsive #top #header_meta .social_bookmarks li a { color: black; }
}
@media only screen and (max-width: 480px) {
.responsive #top .slideshow_caption h2 {
font-size: 30px!important;
}}
Best regards,
Yigit
Hi support team,
Please take a look at the following page: http://52kards.com/product/mint2/
The “Buy Now” button at the top is an anchor link that jumps to the bottom of the page. However, after the page jump if you scroll back up to the top of the page the transparent head has some display issues. Can you please let me know how this can be fixed. Thanks!!
So I am a bit at my wits end. I got some help with icon box and it works for most browsers:
My icon box thread
But for some reason safari they are not centered on this page.
Who We Serve
Its mostly the top one which as you will see on the other thread you guys helped me make a special one for that. I managed to get things centered on my ipad but apparently not all ipads or iphones. I am sort of frustrated.
So my next problem is the logo on my website in general . My client hates that when you zoom on any browser on regular and device it ends up all pixelated while the rest of the site is all nice and sharp. Any advice on how I can fix that problem?
On this page: Fee based and aquisitions On the safari browser on my ipad in the boxes the text is getting cut off when the ipad is in portrait mode. Any idea what I can do to fix that?
As usual I appreciate any guidance you can provide.
I’m having an issue as well with mobile view, where the quick scroll button is gone. And the menu is not sticky. Therefore the user would have to scroll all the way up to the top, and only then will he be able to find the menu button.
Please advise how I could
1) Add quick scroll on to mobile view
2) Sticky menu on mobile.
Thanks guys!
Hey rob_alblasserdam,
You should be able to do that under Appearance–>Menus, if you can’t see the field in question then please select to show it under Screen Options in the top right hand corner of the screen.
Regards,
Rikard
Hi,
We are very sorry for the delay. There are too many menu items and their names are a bit too long. You have to decrease the font size of the menu items and decrease the padding. We modified the Main Menu links element in the advanced styling panel. Please add this in the Quick CSS field:
.av-main-nav > li > a {
padding: 0 7px;
}
Or decrease the number of top level menu items. Create dropdowns in the Appearance > Menus panel.
Best regards,
Ismael

sorry i’m not a native speaker, apologies for my bad grammar…i have two question as below:
question 1:
how to change the top header font, background & Facebook-icon color on mobile that don’t effect the header on PC header font color?
question 2:
how to increase fullscreen-slider caption font size on mobile?
Hey guys,
QUESTION 1:
There’s only 9 fonts in the dropdown menu. Can you guys help me add google fonts?
I don’t have the child theme installed.
QUESTION 2:
How do I make my main tabs uppercase? Currently it’s lowercase.
QUESTION 3:
My logo and tab text is close to the top of the webpage. Is there CSS to bring this down a bit? Like 10 pixels?
Thanks guys!
Chris
Hi,
Ok great, glad you found the problem. Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi Roderick,
Please try the following in Quick CSS under Enfold–>General Styling:
@media only screen and (max-width: 767px) {
#top #wrap_all .custom-color-heading .av-special-heading-tag {
word-break: break-word !important;
}
}
Regards,
Rikard
Hey mandelkind,
Thank you for using Enfold.
Aside from a limited space, mobile devices do not handle fixed or sticky elements consistently that’s why the behaviour is disabled. Another user requested this same settings but it creates another issues on mobile. Anyway, you can try this:
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
position: fixed;
}
.responsive #top #wrap_all .av_header_transparency {
background-color: transparent;
}
}
Best regards,
Ismael
Hi,
I want to add a video background to a section of my grid row. If you take a look at the site i’m working on.
The top part of the site is a grid row. I have a image and a space for text taking up the full width. I would like to replace the image with a looping video.
Could anyone point me in the right direction of doing this?
Thanks
That would be a great suggestion/solution.
I appreciate the reply and please let me know if I can provide any help to see something like this become a reality. I know you would have an entire forum grateful for authoritative answers regarding these two very important topics.
Hey firemedic72,
Thank you for using Enfold.
We can toggle the display of those elements on mobile. However, there is not enough space to accommodate those extra info on mobile view. Where do you want to place them?
@media only screen and (max-width: 989px) {
.responsive.html_mobile_menu_tablet #header_main_alternate {
display: block;
}
.html_header_top.html_bottom_nav_header .main_menu {
display: none;
}
}
Best regards,
Ismael
Hi,
Use the theme’s breadcrumb if you need basic navigation but if you want complex pathways to the site, use another plugin like Breadcrumb NavXT or Yoast’s breadcrumb. Or modify the breadcrumb trail with the “avia_breadcrumbs_trail” filter. Regarding the google maps api issue, please refer to this link: https://kriesi.at/support/topic/google-map-not-appearing/#post-668338
Related thread: https://kriesi.at/support/topic/make-breadcrumb-path-follow-primary-category/
Best regards,
Ismael
Hi,
@brianemwd: Google recently changed its policy regarding the use of google maps. It now requires authentication with API key. Kriesi will release a patch including the google maps api fix soon. For now, please follow the temporary solutions provided in the following threads:
https://kriesi.at/support/topic/enfold-google-maps-widget-not-working/#post-659066
https://kriesi.at/support/topic/solution-to-google-maps-key-issues/#post-661496
https://kriesi.at/support/topic/content-element-google-maps/#post-656399
Best regards,
Ismael
Hi,
The image will still display on mobile and desktop but you’re going to use different elements. Use the image element on mobile and then use the color section on desktop view. Toggle the elements’ display properties with css media queries as described in the previous link.
Best regards,
Ismael
Hey msulecki,
Thank you for using Enfold.
Please follow the instructions here: https://kriesi.at/support/topic/next-previous-slide-out-links-are-back-to-front/#post-638140
Best regards,
Ismael
Hi,
Edit the blog posts element then manually select the categories that you want to display. Or use this filter: https://kriesi.at/support/topic/remove-custom-taxonomy-category-from-meta/#post-557410
Best regards,
Ismael
Hi,
Yes, that’s possible. Please post the link to the actual contact page so that we can inspect the email field.
Related thread: https://kriesi.at/support/topic/contact-form-users-email-address-is-used-as-the-from-email/#post-450059
Best regards,
Ismael
Hi,
That option has been requested by one of our colleagues and is now under consideration. Please request the feature here: https://kriesi.at/support/topic/enfold-feature-requests
Best regards,
Ismael
I do not understand the last comment. I am writing several posts that are all part of one comment. Read in a continuous read to understand. I will now repeat myself.
it’s this simple when I go to add stuff to the paga other stuff disappears. You suggested it was something in the HTML code that I added. I don’t think so, I only added justify code to the the code block in the editor
I need to be able to work on my website this is urgent . please make an attempt to add anything that’s in the template
Icon list
Special heading
Etc
to the page and you’ll see how things Disappear . The only things that stay continuously are the top three items
Slider
Two videos
Two galleries with text underneath
After adding other items it goes okay for a bit and then suddenly every except those top three disappears
Try adding to the page as it is now and you will see. I am on standby here to hear back from you