-
Search Results
-
In reply to: How to hide fullwidth submenu on small devices
Hi again,
I have now added the following custom CSS:
@media only screen and (max-width: 767px) {
#submenu-mobiel {
display: none;
}@media only screen and (min-width: 768px) {
#submenu-desktop-tablet {
display: none;
}The first one, for phones and tablets in portrait view seems to work as one of the submenu elements dissapears. Only problem is that is now shows a white area where the element used to be… Is there a way to remove this?
Also, the second one, for tablets in landscape view and desktop doesn’t seem to work. It still shows both submenu elements. Did I do something wrong?
Please use the same url for reference as before to see the results.
Hi Team Kriesi,
Menu Layout – Menu oben, Logo mittig – ok on Desktop.
mobile sind die Menupunkte zwar vorhanden, aber nicht sichtbar. Verschwinden hinter dem main-content.
Hatte ich noch nie.
Wie bekomme ich das mobile Menu sichtbar?
Danke.Regarding the three similar columns each with a photo and special heading (Seniors, Family, Corporate) on the homepage.
I added a background color to each column so it appears that only the special headline is in a gray box the exact width of the photo above. I get the desired effect on desktop but on mobile the gray background is larger than the width of the photo. Should I have done this a different way or is there code I can add so the gray background is responsive and only as wide as the image on all devices?
Thanks!In reply to: Blog Layout
The “jumoing” ist gone. Don’t know why.
Navigation works perceftly.
Now I’m really, really happy with this solution!! Thank you so much for your effort.Topic can be closed
Best regards!
In reply to: Error when updating Enfold to PHP version 8.2
Hey SICOS,
I see that you are running an old version of the theme, could you try to update to the latest version (5.6.10) to see if that helps please? The update to 5.6.10 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 theme as if it was new under Appearance->Themes->Add New Theme.
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/Best regards,
RikardIn reply to: How do I set up the “Enfold Lifestyle Blog”
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,
RikardHey octopussolutions,
There are no special settings in the theme for the plugin in question. Could you post a screenshot highlighting the changes you would like to achieve please? We might be able to help you out with some custom CSS.
Best regards,
RikardIn reply to: mobile menu – browser up to 1440px
Hi,
Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardIn reply to: Full size hero images are Cropped
Hi,
Thank you for the update.
For the 2nd test page, try to resize the image to 1300x300px or upload an image with an aspect ratio of 4:1. You can also use this css code to adjust the position of the background image.
.avia-section.av-145nae-c0b58b0338c14abb31641a8e3d686685 { background-position: top center; background-position: 50% 30%; }Best regards,
IsmaelIn reply to: Few questions with Minimal Portfolio theme
Hi,
Thank you for the update.
1-3) Did you create Portfolio items? You can apply featured images to the Portfolio items, then use the Portfolio Grid element to display the items in the page. You’ll find the sorting options and other settings that we mentioned above by editing the options in the Portfolio Grid element.
4.) How many columns do you intend to display in the grid? The default thumbnail used in the Portfolio Grid element is 450x450px, but you can adjust it by editing the Portfolio Grid element’s Styling > Grid Settings > Portfolio Grid Image Size settings. Select the second option, then pick the thumbnail that you’d like to display.
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
IsmaelIn reply to: Theme shortcode not showing in Popup Maker
Hey teamvelocitymarketing,
Thank you for the inquiry.
The theme has its own lightbox or popup option, which can be used to open inline content. You can find a few examples and instructions in the following threads.
// https://kriesi.at/support/topic/popup-window-3/#post-1337540
// https://kriesi.at/support/topic/code-snippet-inline-post-content-popup-magnific-popup-shortcode/
// https://kriesi.at/support/topic/pop-up-feature/#post-1395322
// https://kriesi.at/support/topic/team-member-element-open-team-member-description-in-lightbox/#post-1354989Best regards,
IsmaelIs it possible to create a header layout like this with Enfold?
Eg:
Central Logo with the menu below it, and left and right widget areas either side of the logo at the edges of the screen (on the same level as the logo, not in top bar above it).Also, when using content element for Portfolio Grid, how to limit to just 1 item only (already set to 1 column, but only want to pluck out 1 random item from a specific category)?
And is styling the Enfold Mailchimp Newsletter form to be inline just a case of overriding the CSS?
Thanks,
Thank you Mike again for you support. I’ve tried the solution you gave me: now the “play button” is clickable but it doesn’t load/play the video neither the autoplay starts.
Hi,
Please refer to: https://kriesi.at/support/topic/add-margin-to-bottom-of-blog-grid-layout-on-mobile-view/#post-1435681
Best regards,
IsmaelHi,
Thank you for the update.
We’ve checked the modifications in the Quick CSS field and noticed that one of your css media queries is missing a closing tag or curly brace, which renders the rest of the css rules invalid.
/* MASONRY GALLERY FONT SIZE AND COLOR */ @media only screen and (min-width: 768px) {We didn’t try to adjust it because we are not sure which modifications are meant for desktop and which are intended for other screen sizes. Also, please make sure to remove duplicate css media queries such as
@media only screen and (max-width: 767px) {You only require one instance of this per stylesheet.
Best regards,
IsmaelIn reply to: Homepage Slider not responsive
Hi,
So my iPhone 12 has a screen width of 1170px in portrait mode so only the Desktop mode will work.
You might be referring to the phone’s screen resolution. However, the actual viewport size of an iPhone 12 is only 390px × 844px, so it can only contain or display images in full with the same aspect ratio. But as I mentioned above, the images in the slider are set as backgrounds, so the size of slider will not be dependent on the size of the slider images. If you need a slider that resizes based on the dimensions of the slider images, try to replace the Fullscreen Slider with the Fullwidth Slider, or use the Image element.
Best regards,
IsmaelIn reply to: Full size hero images are Cropped
Hi Ismail,
For the first page, I was able to configure Color Section + background image size to an acceptable combo.
But for the 2nd test page (I’ve since renamed it – see link below) , I need the background image here to be smaller (Color section minimum size~ 300px) – close in size to the Law Firm demo images for all pages excluding Home page. The background image truncates at the top for every Attachment Display Setting – thumbnail to Full size image. Is there css code to truncate only from the bottom rather than the top? As a workaround to this problem I uploaded smaller images but upon uploading the small images resized and the top also truncated. If top truncation can’t be controlled is there a setting to override automatic re-sizing of uploaded images? Thanks!
Image size – 1800 by 750 pixels
Color Section minimum size 300pxIn reply to: Expired licence no support?
Hey Dejan,
Thank you for the inquiry.
You can add this css code to adjust the maximum width of the elements in the custom post type.
#top.awsm_job_openings-template-default.single-awsm_job_openings .fullsize .template-blog .post .entry-content-wrapper, #top.awsm_job_openings-template-default.single-awsm_job_openings .fullsize .template-blog .post .entry-content-wrapper .entry-content-header, #top.awsm_job_openings-template-default.single-awsm_job_openings .fullsize .template-blog .post .entry-content-wrapper .entry-content, #top.awsm_job_openings-template-default.single-awsm_job_openings .fullsize .template-blog .post .entry-content-wrapper > *, #top.awsm_job_openings-template-default.single-awsm_job_openings .fullsize .template-blog .post .entry-content-wrapper .entry-content-header .post-title { max-width: 1310px; }Best regards,
IsmaelIn reply to: some styles suddenly not loading – Urgent
this is hard to say – because i do not know where to close an opended media query on your code, because I don’t know whether these errors occurred because you inserted a new media query rule into an existing one or simply forgot to put a closing bracket.
So i can’t tell you whether you should remove it where i wrote “closed too early?” (because then the bracket at “or an additional superfluous bracket” would be correct. Or just remove that bracket ( at “closed too early?”) . That depends on the intention of what you want to achieve. Both leads to a working code but do different things.
in other words :
i do not know if you like to have:@media only screen and (max-width: 767px) { .responsive #top.page-id-472 .avia_responsive_table .avia-data-table tr:first-child th { display: block; } .responsive #top.page-id-472 div .avia_responsive_table .avia-data-table td, .responsive #top.page-id-472 div .avia_responsive_table .avia-data-table th { padding: 0; } }or that:
@media only screen and (max-width: 767px) { .responsive #top.page-id-472 .avia_responsive_table .avia-data-table tr:first-child th { display: block; } } .responsive #top.page-id-472 div .avia_responsive_table .avia-data-table td, .responsive #top.page-id-472 div .avia_responsive_table .avia-data-table th { padding: 0; }etc.
_______So, if I no longer knew exactly what belonged to which intention, I would first remove everything. Then reinsert the ones that are unproblematic (opening and closing brackets that are clear ) and then add the media queries step by step.
In reply to: Sub menu in a bold style for mobile version
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,
RikardIn reply to: TAB SELECTION
Hi,
Thanks for the clarification, the Tab Section element doesn’t have that options unfortunately.
I would recommend that you update the theme to the latest version (5.6.10). The update to 5.6.10 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 theme as if it was new under Appearance->Themes->Add New Theme.
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/Best regards,
RikardIn reply to: Need Help Getting Site Updated
Woot! I have the theme file uploaded and things look like they might be working. I had edited one of the pages last week, but all of the pages were behaving erratically when editing: each page had a Classic widget with code at the top, and the more robust editor at the bottom. Anything entered in the top widget only showed up in the page preview, and anything entered in the bottom showed in the actual rendered page. Any tech block widget contained what looked like the full code from the top Classic widget – the only way I could edit / save changes was to delete out the Classic widget text.
Things look as expected now; I’m editing the file I inadvertently hosed last week and will report back.
Thanks for your help getting things on the path to working!
In reply to: some styles suddenly not loading – Urgent
btw. even if you are opening a media query – but have some other media querries inside that open and close correctly – a following closing bracket then have no effect.
see here some code of your css ( those rules that are correct are erased here )
@media only screen and (max-width: 767px) { .responsive #top.page-id-472 .avia_responsive_table .avia-data-table tr:first-child th { display: block; } } /**** closed too early ? ******/ .responsive #top.page-id-472 div .avia_responsive_table .avia-data-table td, .responsive #top.page-id-472 div .avia_responsive_table .avia-data-table th { padding: 0; } } /**** or an additional superfluous bracket ******/ @media only screen and (max-width: 767px) { #top .avia-icongrid.av-flex-cells.av-break-989 .av-icon-cell-item { flex: 1 1 100%; } .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-front .avia-icongrid-inner, .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback .avia-icongrid-inner { padding: 0 3em; } .all_colors h3 { line-height: 1.3; /* Adjust the value to increase or decrease spacing */ } .keinspace span { display: block; /* Ensure the span is treated as a block element */ margin-top: 0px; /* Adjust margin-top to reduce space */ font-size: 0.7em; /* Adjust the font size smaller */ color: #6F6571; /* Change the text color to grey */ } .avia-cookie-consent { width: 100%; position: fixed; background-color: #009BDD; z-index: 999; color: rgba(255,255,255,0.9); padding: 1.1em; text-align: center; opacity: 1; visibility: visible; transition: all 0.3s ease-in-out; overflow: hidden; } .avia-cookie-consent-button, .avia-cookie-info-btn, .avia-cookie-hide-notification, .avia-button { background-color: white !important; color: black !important; } /**** missing closing curly bracket ******/ /***** some media querries inside here - that are correctly opend and close so the following closing has no effect to that before *******/ .av-burger-menu-main.menu-item-avia-special { display: block; } } /**** additional superfluous bracket ******/It is therefore best to avoid nesting media queries and possibly combine the same ones.
There are a lot of single@media only screen and (max-width: 767px) {In reply to: some styles suddenly not loading – Urgent
In most cases it happens with media-query instructions. A bracket that is forgotten to be closed or one that is set too much.
here is one extra – or before the closing media query bracket is set to early?
.responsive #top.page-id-472 div .avia_responsive_table .avia-data-table td, .responsive #top.page-id-472 div .avia_responsive_table .avia-data-table th { padding: 0; } }next here is an opening bracket – with no closing ( i do not know if all the rest should be inside the media query – or if you like to close directly after that)
@media only screen and (max-width: 767px) { #top .avia-icongrid.av-flex-cells.av-break-989 .av-icon-cell-item { flex: 1 1 100%; }.av-burger-menu-main.menu-item-avia-special { display: block; } }Topic: Please, please help me
We’ve encountered the same issue we did about five months ago where the YouTube videos just stop working on our site. That was: #1422618. Kriesi found and corrected. I did not have to do anything on my side to correct the issue.
Please forward to the support team for their magic again.
Thanks!
CandaceIn reply to: social icon in header on mobile
@rikard You can close the topic, thanks
In reply to: Uneven placement of language and menu in top menu
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,
RikardIn reply to: social icon in header on mobile
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,
RikardIn reply to: Extending Support Before Expiry
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
Viewing 30 results - 5,881 through 5,910 (of 142,889 total)
