-
AuthorSearch Results
-
September 22, 2023 at 4:10 am #1419971
In reply to: Create a link in team member names
Hi ijnavas,
You can add this CSS code in Enfold > General Styling > Quick CSS:
#top .team-member-name a:hover { color: blue; } #top .team-member-job-title a:hover { color: red; }Just change the colors as you see fit.
Best regards,
NikkoSeptember 22, 2023 at 4:02 am #1419970In reply to: vertical images
Hi dablec,
Yes, there’s an easy way for that (I’m assuming you’re using gallery or masonry gallery).
Basically you’ll have two image galleries, one for mobile and one for all other devices like desktop.
The first gallery for all other devices (horizontal gallery), edit it and go to Advanced > Responsive > Element Visibility (here’s a screenshot)

Check only Hide on very small screens (smaller than 479px – eg: Smartphone Portrait)Then on the second gallery (gallery for mobile), edit it as well and go to Advanced > Responsive > Element Visibility and check all options except Hide on very small screens (smaller than 479px – eg: Smartphone Portrait)
Hope this helps.
Best regards,
NikkoSeptember 22, 2023 at 3:50 am #1419968In reply to: Formular element Checkbox
Hi Beat,
Please try to add padding on Rikard’s code, it should look like this:
.page-id-2343 #element_avia_10_1 .input_checkbox_label { line-height: 22px; margin-top: -3px; padding-left: 25px; }Best regards,
NikkoSeptember 21, 2023 at 8:44 pm #1419957In reply to: vertical images
Hello,
I have two photos to publish, a rectangular desktop photo and a vertical smartphone photo.
Is there an easier way to upload the two images?
Thank you
September 21, 2023 at 5:46 pm #1419943In reply to: Number of social media icons
Hi,
Where are you seeing this error? Fontello when you try to add a SVG?
If you can’t create a SVG that fontello will take then try using the convert site I linked to and convert a PNG to SVG
PLease remember that you can’t use a colored image, it must be black & white.
Try seeing this thread: fixing SVG icons on icomoon before FontelloBest regards,
MikeSeptember 21, 2023 at 5:36 pm #1419942In reply to: Reitersektion, Symbolboxen, Hauptmenü
Hi,
For your special heading subheadline, when you choose a special heading with a Subheading you will see a option in the font tab to set the font size, there is not a site wide font size for each specific element, but you could create a CET – Custom Element Templates and then use your element on your site. You can also do this for your buttons, or since your buttons are set to use the theme color you can change the color in your styling, but this will also effect other elements, so it would probably be better to create a “read more” CET button instead.
Hopefully this answers your two new questions, but please note that we ask that each thread stays on a specific topic, this helps other users find solutions based on the opening subject line quicker, and makes it easier for Mods to help. For further questions please open a new thread
Please let us know if your original question has been answered and we can close this thread, thanks for your understanding.Best regards,
MikeSeptember 21, 2023 at 4:20 pm #1419930In reply to: mailto link in Team Member
Hi,
Great, I’m glad that Nikko 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,
RikardSeptember 21, 2023 at 3:27 pm #1419921In reply to: vertical images
By the way : not your Question – i know but
this is something i miss on default too:
the image sizes generated by enfold are all ( some are squared) in landscape format.
At least one image format should be created in portrait mode, e.g. for team members. Of course, the aspect ratios required for landscape shots are not suitable for such portrait shots. Here, 3:4 or 4:5 would probably be common formats.you can do that by a snippet inside child-theme functions.php:
add_image_size( 'news_size', 175, 260, false ); add_image_size( 'portrait', 900, 1200, false ); add_image_size( 'portrait_small', 450, 600, array( 'center', 'top' ) ); // this is with crop : true and crop properties function my_custom_sizes( $sizes ) { return array_merge( $sizes, array( 'news_size' => __( 'News Size' ), 'portrait' => __( 'Portrait' ), 'portrait_small' => __( 'Portrait small' ), )); } add_filter( 'image_size_names_choose', 'my_custom_sizes' );but: this only works on uploadiing images. If you like to recalculate the existing images – use a recalculation plugin ( force regenerate Thumbnails etc.)
September 21, 2023 at 3:04 pm #1419917In reply to: Widget image dimensions (only phone)
Hello,
As I mentioned in two of your threads, there were CSS errors in both the Quick CSS field and in the Appearance > Customize > Additional CSS ( https://i.imgur.com/VCnbPvo.png ).
I fixed them and added this custom CSS code ( https://kriesi.at/support/topic/widget-image-dimensions-only-phone/#post-1419863 ) and it works as expected.
Regards,
YigitSeptember 21, 2023 at 2:14 pm #1419910Hello Ismael,
I checked all plugins and changed to the parent Enfold theme. Than everything worked fine.
It was a wrong script in our child theme’s function.php
You were right and thanks for your patience. You can close the topic.Best regards
AnneSeptember 21, 2023 at 1:03 pm #1419902In reply to: Contact number top above header
Thanks
That makes the number sticky but not the main header/logo+burger menu.
It may be my cache but the number secondary top menu is not sticky on desktop.
Thanks
September 21, 2023 at 12:30 pm #1419895In reply to: Contact number top above header
Hi,
Thank you for the update.
makes the phone number top section sticky on desktop and mobile
Yes, that should be possible. Please add this css code and make sure that the Enfold > Header > Header Behavior > Unstick Topbar option is deactivated.
#header_meta { position: fixed; width: 100%; } #header_main, .header_bg { top: 30px; }Best regards,
IsmaelSeptember 21, 2023 at 11:58 am #1419881In reply to: Reitersektion, Symbolboxen, Hauptmenü
Hi,
Oh, I see, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .main_color.iconbox_top .iconbox_content { background: #fff; box-shadow: unset; }After applying the css, please clear your browser cache and check.
Best regards,
MikeSeptember 21, 2023 at 11:51 am #1419879Hi,
Great, I’m glad that we 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,
RikardSeptember 21, 2023 at 10:33 am #1419862In reply to: logo at center and above the submenu
Hello,
That is because you have the following custom CSS code:
@media only screen and (max-width: 989px) { .responsive #top #wrap_all #header { height: 50px !important; max-height: 50px !important; } }Try changing it to the following:
@media only screen and (max-width: 989px) { .responsive #top #wrap_all #header { height: 90px !important; max-height: 90px !important; } }Best regards,
YigitSeptember 21, 2023 at 10:32 am #1419861In reply to: Widget image dimensions (only phone)
Sorry Nikko but it’s so difficult for me. If you check my website you will see that (on the footer) the logo: on desktop version is ok, on mobile is too big.
That image is on the widget like HTML. Check please.September 21, 2023 at 10:23 am #1419859In reply to: Footer heading
Hi
Thanks for this.
The coding changes the headings to upper/lower case on mobile, but not on desktop?
September 21, 2023 at 10:02 am #1419850In reply to: logo at center and above the submenu
Ok. It’s ok about that. Please see the other topic about the text dimensions.
Thanks.September 21, 2023 at 10:00 am #1419849In reply to: images problem
Hi, I started another topic; now the problem is for mobile! The images are not visible..
Check! See the difference between desktop and mobile…September 21, 2023 at 9:39 am #1419846In reply to: Contact number top above header
hi
Is there any coding that can be added that makes the phone number top section sticky on desktop and mobile – without effecting any other sections?
Thanks
September 21, 2023 at 9:29 am #1419842In reply to: do we need a new license to update the enfold theme?
Hey mario,
The update to 5.6.6 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the new theme files via Appearance->Themes->Add New, and select to overwrite the old theme files after the upload has finished.If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/We don’t have any special rates unfortunately, but if you already own a license then you don’t have a purchase a new one.
Best regards,
RikardSeptember 21, 2023 at 9:05 am #1419836This reply has been marked as private.September 21, 2023 at 5:10 am #1419814In reply to: Date Picker Form Issue Mobile
Hey!
‘Your Message Has Been Sent!’ success message is hidden above from the visitor as it disappears off the screen.
We slightly modified the script above. Please try it again.
// https://kriesi.at/support/topic/date-picker-form-issue-mobile/#post-1419717
Regards,
IsmaelSeptember 21, 2023 at 4:49 am #1419813In reply to: Anchor links vs Safari
Hi,
Thank you for the update.
We can reproduce the issue but not yet sure what is causing it. It might be due to the hidden section on desktop and medium devices. Please try to add this css code and make sure to temporarily disable the Enfold > Performance > File Compression settings.
@media only screen and (min-width: 990px) { .responsive.av-no-preview #top #wrap_all .av-desktop-hide, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-title-hidden { display: none; height: 0; } } @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive.av-no-preview #top #wrap_all .av-medium-hide, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-title-hidden { display: none; height: 0; } }Best regards,
IsmaelSeptember 21, 2023 at 1:58 am #1419799In reply to: visualizzazione pagina carrello su mobile errata
Hi bassato,
Can you try adding this CSS code in Enfold > General Styling > Quick CSS:
@media only screen and (max-width:767px) { #top .woocommerce-cart-form .shop_table.cart .cart_item { display: flex; flex-direction: column; width: 100%; } #top .woocommerce-cart-form .shop_table.cart .cart_item td:before { content: attr(data-title) ": "; font-weight: 700; float: left; } #top .woocommerce-cart-form thead, #top .woocommerce-cart-form .shop_table.cart .cart_item .product-remove:before { display: none; } #top .woocommerce-cart-form .shop_table.cart .cart_item .product-remove, #top .woocommerce-cart-form .shop_table.cart .cart_item .product-name, #top .woocommerce-cart-form .shop_table.cart .cart_item .product-price, #top .woocommerce-cart-form .shop_table.cart .cart_item .product-quantity { display: block; width: 100%; padding: 12px 20px; } #top .woocommerce-cart-form .shop_table.cart .cart_item .product-name, #top .woocommerce-cart-form .shop_table.cart .cart_item .product-price, #top .woocommerce-cart-form .shop_table.cart .cart_item .product-quantity { text-align: right; } #top .woocommerce-cart-form .shop_table.cart .cart_item .product-name .component-name { max-width: 220px; margin-left: auto; padding-left: 0; } #top .woocommerce-cart-form .shop_table.cart .cart_item .product-name .component-name * { float: right; } #top .woocommerce-cart-form .shop_table.cart .cart_item .product-quantity .quantity { width: 170px; margin-right: 0; } }Please let us know if it helps.
Best regards,
NikkoSeptember 21, 2023 at 1:51 am #1419797In reply to: logo at center and above the submenu
Hi,
Sorry, I don’t understand what you mean, we are talking about the logo being centered and showing when the burger menu is open, so just like my original screenshots above, on mobile the logo is centered:

and when the menu is open the logo shows centered:

Please note that you should test after clearing your cache and while logged out because the admin topbar that shows when you are logged in will displace the menu and logo.Best regards,
MikeSeptember 21, 2023 at 1:50 am #1419796In reply to: images problem
Hi Stilecatalini,
Can you give us a screenshot? I can’t seem to find the issue you mentioned on the link you given, I have checked it using a windows desktop in Chrome, Edge and Firefox.
Best regards,
NikkoSeptember 21, 2023 at 12:15 am #1419785In reply to: Overlapping columns with text and images
Hi,
Please add this class name to the last column right-column
Then try to replace your code with this CSS code in Quick CSS:#top .overlapping-columns { position: absolute; z-index: 100; margin-left: 0; width: calc(29.333333333333332% + 400px); left: 50%; transform: translateX(-50%); } #top .right-column { float: right; margin-left: 0 !important; }Best regards,
NikkoSeptember 20, 2023 at 10:10 pm #1419779Topic: vertical images
in forum Enfolddablec
ParticipantGood evening, on my website, I have almost all horizontal images that look very good on the desktop version, but unfortunately, they appear small and unattractive on smartphones.
Is it possible to publish vertical photos only for devices like smartphones?
Thank you,
TizianoSeptember 20, 2023 at 9:05 pm #1419773Topic: Disabling Swipe for Enfold Tab Section
in forum Enfoldmikegrace78
ParticipantHi there,
Wondering if you can help me remove the swipe action on the tab sections on the following page.
-The issue is on mobile only,
-I have slider based calculators that are triggering the swipe action on the tab section, making operation of the calculators super annoyingI have implemented all recommendations noted at the link below and the tabs are still swiping on mobile. Help!
Thank you in advance!
-
AuthorSearch Results
Viewing 30 results - 7,891 through 7,920 (of 142,946 total)
-
Search Results
-
Topic: vertical images
Good evening, on my website, I have almost all horizontal images that look very good on the desktop version, but unfortunately, they appear small and unattractive on smartphones.
Is it possible to publish vertical photos only for devices like smartphones?
Thank you,
TizianoHi there,
Wondering if you can help me remove the swipe action on the tab sections on the following page.
-The issue is on mobile only,
-I have slider based calculators that are triggering the swipe action on the tab section, making operation of the calculators super annoyingI have implemented all recommendations noted at the link below and the tabs are still swiping on mobile. Help!
Thank you in advance!
