I checked on multiple iPhones. It’s a strange problem that does not happen at all on the desktop–only for the iphones I’ve tested so far.
Ok, thank you
Can the two li be hidden somehow so there’s no extra space at the top of the order box?
Best regards
-
This reply was modified 3 days, 7 hours ago by nebuddlho.
-
This reply was modified 3 days, 7 hours ago by nebuddlho.
Hi,
Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Hi,
Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Hi,
Is it possible to create one portfoliopage in where I see at the top the portfoliogrid with logo’s. and lower in that same page the portfolio items
By clicking a logo in the portfoliogrid it would scroll to the right portfolio item. Of cours every new portfolio item is automatically placed in the grid and in the page
Thanks in advance
Woutski
Hi, I have 1/3 columns on my page like this
1/3 1/3 1/3
1/3 1/3 1/3
This looks good on desktop, but on mobile it gives a larger spacing after the first 3 1/3
How can I adjust just this spacing in the breaking point?
1/3 1/3 1/3 (larger spacing here)
1/3 1/3 1/3
This is my code in a text block. I must be doing something wrong with the link. It doesn’t work
[av_button label='Jealousy-Letter abonnieren' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBaviaTBicon_hover' link='manually,#test-popup' class='open-popup-link' link_target='' size='x-large' position='center' label_display='' title_attr='' size-text='' av-desktop-font-size-text='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' color_options='' color='theme-color-highlight' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='solid' border_width='2' border_width_sync='true' border_color='#000000' border_radius='10' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='' sc_version='1.0' admin_preview_bg='']
<div id="test-popup" class="white-popup mfp-hide">[av_mailchimp list='eifersuchtscoach' double_opt_in='true' on_send='' sent='Thank you for subscribing to our newsletter!' link='' color='' hide_labels='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' alb_description='' id='' custom_class='' template_class='' av_uid='av-8l32o' sc_version='1.0'][/av_mailchimp]</div>
We created a button for my top-of-page sliders (easy slider) where we put the button code in the caption box: Make an Appointment
I think we added some code to functions or stylesheet or something that the button code references.
That caption and button obscure the slider image on smaller screens like phones. Is it possible for it to only show up on tablets and desktops?
If you look at gatehealing.com/counseling-austin-tx/ you can see the button/caption. . . if you look at that page on a phone, you’ll see that it looks sloppy.
J
Hey Richard,
Thank you for the inquiry.
You can try this css code to insert the arrow icon before the submit button text.
div#avia_6_1 + .form_element:before {
content: '';
background: url('https://meridiancivilengineering.co.uk/wp-content/uploads/2024/05/arrow.svg');
width: 30px;
height: 30px;
display: block;
position: absolute;
z-index: 100;
top: 10px;
left: 12px;
}
div#avia_6_1 + .form_element input.button {
padding-left: 50px;
}
Best regards,
Ismael
Hi,
The top portion of the circle looks to be cut off as well. Do you see that on your end?
Please include this css code to prevent the circle from being cut off:
#top .av-large-testimonial-slider .avia-slideshow-arrows a {
margin-top: 0;
}
Best regards,
Ismael
Hey joandjaxx,
Thank you for the inquiry.
You can add this css code to adjust the thickness of the arrow icon:
#top .avia-slider-testimonials.av-slideshow-ui .avia-slideshow-arrows a:before {
padding-top: 0;
font-weight: 600;
font-size: 18px;
}
Best regards,
Ismael
I guess it’s better. Thanks a lot. Topic can be closed
Thank you for the response. I did previously activate the mobile menu for smart phones and tablets. It is simply that in landscape orientation, the width of the browser is long enough for the site to kick into desktop mode, which is fine.
Thank you also for the code. I have made note of it. For now, I was able to resolve the issue by making one of the menu titles shorter. There is no more over lap.
This reply has been marked as private.
Thanks. That worked. The top portion of the circle looks to be cut off as well. Do you see that on your end?
Hi,
Great, I’m glad to hear that you problem is fixed. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
So – this is not provided with the Enfold Google Maps element.
But what you could do is place a dummy marker at the top of the list, with a custom marker. Then you upload a completely transparent png file. Since the top of the list determines the center of the map, you could achieve your goal.
Hey joandjaxx,
Thank you for the inquiry.
Please add this css code to correct the alignment of the nav arrows:
#top .avia-slider-testimonials.av-slideshow-ui .avia-slideshow-arrows a:before {
padding-top: 0;
}
Best regards,
Ismael
Hey northorie,
Thank you for the inquiry.
You can use the theme’s default lightbox to open inline content in a popup. Please check the link below for more info: https://kriesi.at/support/topic/lightbox-for-mailchimp-form/#post-582439
In the example above, you can use this shortcode to display a mailchimp form:
[av_mailchimp list='' double_opt_in='true' on_send='' sent='Thank you for subscribing to our newsletter!' link='' color='' hide_labels='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' alb_description='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0'][/av_mailchimp]
You may need to update the value in the list parameter.
Best regards,
Ismael
Hi, I want to include a product slider at the top of my post under the fullwidth easy slider. I want the images to be small such as a WooCommerce Gallery Tumbnail 100 x 100. No matter which image size I choose under styling it comes out at a standard size the same as that shown at the bottom of the page (I believe 450 x 450). How can I get it to resize to a smaller image?
Thanks,
Hi, The arrows on my testimonial slidier are not looking correct. I have added some custom css for the iconbox icons and maybe that is why they are conflicting with the testimonials area…
Here is the icon code
/* Icon Size */
.iconbox_icon[data-av_icon]:before {
font-size: 50px!important;
}
.iconbox_icon {
margin-right:20px!important;
}
.home #av_section_6 .container {
max-width: 100%;
padding: 0;
}
.iconbox_top .iconbox_icon {
font-size: 60px!important;
text-align: center;
height: 60px;
width: 60px;
line-height: 56px;
top: -34px;
margin-left: -45px;
}
Thanks! Topic can be closed
Hi,
Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
I want 12 small items (one word in text and one small image) to show in one row on desktop (of course to change to multiple rows on tablet or mobile).
1. Is the Table the best element to use? All the other elements seem to be limited to 6 rows or fewer.
2. If yes, are there any compatibility issues with using html to specify the text and image in each cell? What is your code recommendation?
I decided to use a sidebar. Topic can be closed
I managed it on another way. Topic can be closed, thank you
Hi,
Great, I’m glad that @guenni007 could help you out :-)
Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Hey craig374,
Thank you for the inquiry.
Have you tried adjusting the Enfold > Main Menu > Menu Items For Mobile settings to the second option (Activate for Smartphones and Tablets)?
If you want to adjust the font size and space between the menu items on tablet view, add this css code:
@media only screen and (max-width: 1024px) {
/* Add your Mobile Styles here */
#top #header .av-main-nav>li>a {
font-size: 12px;
padding: 0 4px;
}
}
Best regards,
Ismael
Hey jbcomcleaning23,
Thank you for the inquiry.
You can use this css code to adjust the line height of the list inside the iconbox element:
.iconbox_content ul li {
line-height: 1em;
}
If you need to adjust the space between the list and the heading, include this css code:
.iconbox_content ul {
margin-top: 10px;
}
Best regards,
Ismael
Hey NCATIT,
Thank you for the inquiry.
You can add a condition at the very top of the avia_post_slide_query_mod function to filter out other pages. Example:
if(!is_home() || !is_front_page()) return $query;
Best regards,
Ismael