Forum Replies Created
-
AuthorPosts
-
Hi,
Ok I tested on a Mac and adjusted the css to this:@media only screen and (min-width: 767px) and (max-width: 1400px) { span.avia-menu-text { font-size: 50% !important; } }Please clear your browser cache and check.
Best regards,
MikeMarch 17, 2019 at 5:09 pm in reply to: Password protected pages not working with Enfold 4.5.4 #1079650March 17, 2019 at 5:06 pm in reply to: lightbox page pop-up oversized width on mobile devices #1079645Hi,
I added the style to the page directly because it’s loading in a iframe and some browsers won’t let you apply css to the content of a iframe, I also wanted to see if it worked without fighting with the iframe limitations. So I added a media query to the css and made it a little smaller:@media only screen and (max-width: 767px) { .responsive .boxed#top { max-width: 350px !important; width: 350px !important; } }If this works for you then try moving it to your Quick CSS to see if it still works on the iframe, but we will add the page id to it:
@media only screen and (max-width: 767px) { .responsive .boxed#top.page-id-1507 { max-width: 350px !important; width: 350px !important; } }Please feel free to adjust the width, I’m just guessing at 350px from the video.
Also clear your browser cache.Best regards,
MikeHi,
For mobile you will not want the css to work, so I moved the code to your Quick CSS and added the rule so it won’t change your mobile layout:@media only screen and (min-width: 766px) { #top.page-id-597 .grid-sort-container { margin-left: 11% !important; } }I also added the page to the css so it will only work on the one page and not interfere with other pages.
Please clear your browser cache and check.Best regards,
MikeHi,
Thanks for the test page, the first step was to wrap the css in the code block with:<style> ... </style>so it would work as css, then the column needed to have the custom class “test_section” so the css could tell it what to do.
Please clear your browser cache and check.Best regards,
MikeHi,
Thank you, I was able to see your site now, it looks like your transparency is working, but your page has padding at the top with is pushing down the background image and then showing the page background color, which is black. This is the css doing it:.responsive #top #main { padding-top: 131px !important; }since it has !important; in it I would say this is in your custom css, please try finding it a removing it.
Best regards,
MikeMarch 17, 2019 at 4:08 pm in reply to: lightbox page pop-up oversized width on mobile devices #1079614Hi,
I signed up for a trial at browserstack and tested you site, it turns out that the iframe is getting it’s width from the page that is in the iframe which is 1920px
So I added this css to your contact page in a code block:<style> .responsive .boxed#top { max-width: 400px !important; width: 400px !important; } </style>and I added this to your Quick CSS, disabling the other css:
.mfp-iframe-scaler iframe.mfp-iframe,.mfp-iframe-scaler iframe,div.mfp-content { max-width: 400px !important; }Please clear your browser cache and check.
Best regards,
MikeMarch 17, 2019 at 3:26 pm in reply to: lightbox page pop-up oversized width on mobile devices #1079596March 17, 2019 at 3:04 pm in reply to: lightbox page pop-up oversized width on mobile devices #1079593Hi,
Thanks for the feedback, I took another look at your contact form popup and see that it is inside a color section which always is given 100% width, since you say that when the popup starts it’s the right size and then when the content loads it increases in size so I removed the color section. Please give that a try.
If that doesn’t work then look for this css in your Quick CSS”.mfp-iframe-holder .mfp-content { width: 50% !important; max-width: 960px !important; min-height: 51vh; } .mfp-iframe-scaler { min-height: 51vh; }and try with it removed, as a test. and then test with this code as a replacement:
.mfp-iframe-holder .mfp-content { width: 50% !important; min-height: 51vh; } .mfp-iframe-scaler { min-height: 51vh; width: 50vw !important; }Sorry, if I had a iPhone I could test it myself.
Please be sure to clear your browser cache and your cache plugin with each test.Best regards,
MikeHey bobfurgo,
Please look in your custom css for your button’s color, it has the !important; on it so it’s hard to overwrite.
Try to comment out only the color and background, like this:#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text { /*color: #0077ff !important;*/ /* background: white !important;*/ border-color: white !important; margin-left: -15px !important; }Then try adding this code to the end of your functions.php file in Appearance > Editor:
function custom_button_color_scroll(){ ?> <script> (function ($) { $(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll >= 80) { $(".responsive #top #wrap_all #header.header_color .menu-item-109.av-menu-button-colored a span.avia-menu-text").css({ 'background': '#0077ff', 'color': '#fff'}); $("#top #wrap_all #header.header_color #menu-item-109.av-menu-button-colored a span.avia-menu-text").css({ 'background': '#0077ff', 'color': '#fff'}); } else { $(".responsive #top #wrap_all #header.header_color .menu-item-109.av-menu-button-colored a span.avia-menu-text").css({ 'background': '#0077ff', 'color': '#fff'}); $("#top #wrap_all #header.header_color #menu-item-109.av-menu-button-colored a span.avia-menu-text").css({ 'background': '#fff', 'color': '#0077ff'}); } }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_button_color_scroll');Then clear your browser cache. If this doesn’t work then please include admin login in the Private Content area so we can be of more assistance.
Best regards,
MikeMarch 16, 2019 at 11:22 pm in reply to: unwanted 1px bottom boarder at color section and grid section #1079507Hey restube,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:.container_wrap { border-top-width: 0 !important; }Then clear your browser cache and any cache plugin, and check.
Best regards,
MikeHi,
Thank you for the admin login, but the solution in the link you provided requires FTP access to apply.
If you would like us to try Please include FTP access in the Private Content area.Best regards,
MikeMarch 16, 2019 at 11:10 pm in reply to: lightbox page pop-up oversized width on mobile devices #1079504Hey Gudi,
I was not able to reproduce this on Chrome in PC or on an Android device, but I recall reading about this on iOS a while back, the solution was to change the viewport in the header. If you look in your header.php on line 65 you will see this code:<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">I have removed the maximum-scale=1 in the code, because I believe that was the solution.
Please test with your iOS devices, if that doesn’t work try changing it to this:<meta name="viewport" content="user-scalable = yes">Best regards,
MikeHey artemtik,
Sorry for the late reply, I was not able to reproduce this on my install, were these advanced layout builder posts or Classic Editor posts? Was this for the paragraph font size? Can you link to an example post, we could write some css to force a certain size but we should take a look to see what could be causing this.Best regards,
MikeHey kilimats,
I was not able to load your site, I get this error:Uncaught SyntaxError: Unexpected token <I can not even get to your WP login. It looks like it’s coming from your header, are you able to login?
Please check any custom scripts in your header, or your Google Analytics code?Best regards,
MikeHey tavonada,
Sorry I was not able yo load your site, even with a VPN, is you site up right now? Are you blocking USA IP addresses?Best regards,
MikeHey tavonada,
This seems to be a duplicate thread, probably an error. Lets discuss this on your other thread.Best regards,
MikeMarch 16, 2019 at 5:48 pm in reply to: Password protected pages not working with Enfold 4.5.4 #1079463Hey Jennifer,
Sorry for the late reply, unfortunately, there were a few quirks with the new “Block editor” that the dev team has been sorting out, this sounds like another one because you say that switching to the Classic Editor solves this.
The dev team is just about to release the next version of Enfold and there is a very good possibility that you won’t experience this error with it.
I would recommend leaving this thread open and reporting back after testing the new version, will that be reasonable?Best regards,
MikeHi,
Glad Victoria could help, unless there is anything else we can help with on this issue, shall we close this then?Best regards,
MikeHi,
I assume this is a new clean install, can you include admin login in the Private Content area so we can be of more assistance in getting this installed for you?
Your error could be from a PHP time or size limitation, if you include FTP access we might be able to bypass those limitations.
Do you know which demo you would like installed, if any?Best regards,
MikeHi,
Thanks for the login, I see you have none of the demo pages or the media files, did you delete these or did they not install?
I recommend resetting your site and try to install the demo again. But I do have a concern that your multi site settings are interfering with this install.
You have many plugins activated that are not showing in the plugin page, so it’s hard to rule out conflicts.
I would recommend doing a clean install on a single site to develop your site and ensure you are not having conflicts.Best regards,
MikeHi,
Sorry, I believe this is the best solution, I don’t have a better solution.
Thanks again for sharing, we will close this now. Thank you for using Enfold.Best regards,
MikeHi,
Thanks for the login, I changed your css to 65% as described above and now the menu text doesn’t overlap the logo on smaller screens.
Please clear your browser cache and check.
Please see the screenshot in Private Content area.Best regards,
MikeHi,
Sorry for the late reply, there is a possibly to un-mute the sound for your background video in your color section, but it will most likely have to be a “click” action. This is because of the limitations on auto playing videos in the browsers.
Please try following the instructions on this postAnother option is the test page I built for you, please see the link in the Private Content area. I used the “fullscreen slider” and added your video with a title “click to watch” and I added the countdown timer in the caption with this shortcode:
[av_countdown date='03 / 30 / 2019' hour='10' minute='0' min='1' max='4' align='av-align-center' size='' style='av-trans-light-style' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='' admin_preview_bg='']On click it will play the video with sound. You could have the video auto play, but it won’t play the sound on click because of the browser limitations.
Best regards,
MikeHi,
Sorry for the late reply, and thank you for sharing your solution.
Unless there is anything else we can assist with on this issue, shall we close this then?Best regards,
MikeHi,
Sorry for the late reply, as I understand, if I remove your custom shortcode for the accordeon ([gcst_events]) the colors for the accordeon element changes?
I tried to recreate this error but the accordeon element didn’t change colors for me. Did I misunderstand?Best regards,
MikeHi,
Sorry for the late reply, I took a look at your two test pages (1) & (2) and the css solution above, and then compared it to the actual css on your page and found that you need to change your overflow: hidden; to overflow: visible !important;
You can do this directly or if you can’t find it you can use this css to override:@media only screen and (max-width: 767px) { .responsive #top #wrap_all .av-flex-cells .no_margin { overflow: visible !important; } }
I couldn’t login to change it for you, but if you would like me to please update the login link.Best regards,
MikeMarch 16, 2019 at 6:14 am in reply to: Clickable elements too close together / Content wider than screen Errors Google #1079348Hey Vrender,
Sorry for the late reply, thank you for the screenshot and links the errors above are due to the stylesheet not being available, but when I check your site the stylesheet loads fine. I tried checking your page on Google myself to investigate, but I got a run around that the tool is being replaced and then the new tool would only let me check my sites.Please try disabling your performance settings and caching plugins and then rerun the test without the merged css, which is the file in the screenshot that GoogleBot couldn’t get.
Also check your robots.txt & htaccess for rules blocking the “uploads” directory. Do you have a security plugin?Best regards,
MikeHey HuxburyQuinn,
Sorry for the late reply, I took a look at the latest version of avia_recaptcha.js on GitHub and quite a lot of it has been rewritten, it is now “var alert = null;”
So I believe you will not have this issue in the next version.
I don’t know when it’s being released, but I saw a post to another customer from the dev team that it will be very soon.
I suggest that we leave this thread open and ask you to report back with your results from the new version.
Is this reasonable?Best regards,
MikeHi,
I took a look at your page and found that the block editor was giving some errors so I used the theme setting to disable it.
I added this code into a code block to apply the css to center the element as an example, you can move it to your Quick CSS if you wish.<style> .grid-sort-container { margin-left: 11% !important; } </style>Please feel free to adjust the margin to suit.
Best regards,
Mike -
AuthorPosts
