Forum Replies Created
-
AuthorPosts
-
Hi xplorer80,
It’s because most of the cases we have handled here, one of the main reasons is the header, that’s exactly why I asked for the page to inspect so we can check and go to the layers of elements and see which is causing it and provide an accurate CSS code to fix it. Also, the screenshot is lacking the Computed panel I mentioned so it’s a bit lacking of information but please try to add this CSS code and see if it helps:
#top #after_submenu_1 .av-content-full { padding-top: 0 !important; }
Best regards,
NikkoHi madakumbu,
I don’t think it’s possible to make it scrollable only for the table without affecting the page, that’s the reason why tables are stacked up on each other on mobile since it has a narrow width. The other method would be to recreate the table and show it only for mobile.
Best regards,
NikkoJune 2, 2023 at 1:51 am in reply to: Layout issue with serial events view (Events Calendar Pro) #1409339Hi Bernd,
You’re welcome :)
Thanks for using Enfold and have a great day!Best regards,
NikkoJune 2, 2023 at 1:51 am in reply to: Layout issue with serial events view (Events Calendar Pro) #1409338Hi Bernd,
You’re welcome :)
Thanks for using Enfold and have a great day!Best regards,
NikkoHi beverlystone,
Please try to add this CSS code in Enfold > General Styling > Quick CSS:
#header_meta .phone-info .av_font_icon { position: relative; top: -3px; }
Hope it helps.
Best regards,
NikkoHi biggsuccess,
Thanks for giving us admin access.
I have checked it and it seems using the Aweber Landing Page template causes problems for mobile but it seems good on other options like default and Blank, No Header, No Footer.
I think you should choose the latter option, I have changed it in the page below.Best regards,
NikkoHi annameis,
I’m glad that we could help you :)
Thanks for using Enfold and have a great day!Best regards,
NikkoHi xplorer80,
I think it has less likely to do with the content.
Can you try to screenshot instead the header and main, inspect it, make sure it’s selected and Computed is selected as shown in this screenshot:
Best regards,
NikkoHi xplorer80,
Yes, to be honest it would really be hard to pinpoint why it’s not working.
Can you give us login credentials? so we can try to inspect it further.
Just post the details in private content.Best regards,
NikkoHi CharlieTh,
Please add the code in Enfold > General Styling > Quick CSS:
.av-hamburger-box { width: 70px; /* default: 35px */ } .av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after { height: 8px; /* default: 3px */ } .av-hamburger-inner::before { top: -16px; /* default: -10px */ } .av-hamburger-inner::after { bottom: -16px; /* default: -10px */ }
Just adjust the values as you see fit (I have included in the code the default values for your reference)
I hope it helps.Best regards,
NikkoHi xplorer80,
You can try to add this in Quick CSS:
#top #wrap_all #main { padding-top: 80px; }
Just adjust the values as you see fit.
Best regards,
NikkoHi theanshbakshi,
Please post a link to page shown in the screenshot.
You can post it in private content.Best regards,
NikkoHi Jennifer,
To assist you further, please provide us with your login credentials by following these steps:
- Install and activate the “Temporary Login Without Password” plugin. You can find it here.
- Once activated, navigate to “Users > Temporary Logins” in the left-side menu.
- Click on “Create New” to generate a temporary login.
- Enter the email address for the account (you can use (Email address hidden if logged out) ) and select the highest possible role. Set the expiry date to around four days to ensure enough time for debugging.
- Click “Submit” to create the temporary account.
- In the private section, provide us with the URL that allows us to access the temporary login and assist you.
Please note that once your issue is resolved, you can remove the plugin. Alternatively, if you prefer not to use the plugin, you can manually create an admin user and share the login credentials in the “private data” field.
If you have any further questions or concerns, please let us know.
Best regards,
NikkoHi Edgarro,
I’m glad that Rikard could help you :)
Thanks for using Enfold and have a great day!Best regards,
NikkoHi jaliisah,
We’re glad to hear that :)
Thanks for using Enfold and have a great day!Best regards,
NikkoJune 1, 2023 at 1:01 am in reply to: Problem mit der Darstellung des Beitragsbildes auf der Blog-Detailseite #1409215Hi imc-html,
Can you try to change the code to:
function enfold_customization_modify_thumb_size( $size ) { $size['entry_without_sidebar'] = array('width'=>845, 'height'=>321, 'crop'=>false); return $size; } add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
And then try to re-upload the image?
Best regards,
NikkoHi Anna,
I tried to check on your website, specifically the link you gave as well as other products but I don’t see the issue.
The issue could probably due to some plugins like caching or optimizations, or it could be a hosting issue.Best regards,
NikkoHi Monika,
The reason it does not work is because you are using an ID, basically, IDs are meant to be unique and only one in the whole page.
Try to use classes instead of ID if you intend to use it multiple times.Best regards,
NikkoHi Reto,
I think instead of using a socket, try to use a page as a footer, so you can use the Advanced Layout Builder to build the footer.
Go to Enfold Theme Options > Footer > Default Footer & Socket Settings and choose Page based Footer options.
I hope it helps.Best regards,
NikkoHi Adrien,
Thanks for providing the screenshots.
Can you give us a link to your site? so we can inspect it.Best regards,
NikkoHi Reto,
No, that code was already in WPCode which I mentioned in the other thread.
This is the code I moved:function temporary_removal_title_tags(){ ?> <script> window.onload = function() { var links = document.querySelectorAll('a, img, *[title]'); for (var i = 0; i < links.length; i++) { var link = links[i]; link.onmouseover = function() { this.setAttribute("data-tooltip", this.title); this.title = ""; }; link.onmouseout = function() { this.title = this.getAttribute("data-tooltip"); }; link.onmousedown = function() { this.title = this.getAttribute("data-tooltip"); }; } }; </script> <?php } add_action('wp_footer', 'temporary_removal_title_tags');
As for the mobile menu items, the font size depends on what is set as the default font size of the site, if that option is untouched then default is 13px which is what is showing on your site, you can change it by adding this CSS code in Enfold > General Styling > Quick CSS:
#top #av-burger-menu-ul a .avia-menu-text { font-size: 18px; }
Just adjust the value as you see fit.
Best regards,
NikkoJune 1, 2023 at 12:07 am in reply to: ALB element custom styling lost with duplicate plugins #1409206Hi Martin,
I have actually duplicated it from a published page.
It is the page I posted in private content as the Base page in my last reply.Best regards,
NikkoHi Lene,
I’m glad that we could help you :)
Thanks for using Enfold and have a great day!Best regards,
NikkoJune 1, 2023 at 12:04 am in reply to: Layout issue with serial events view (Events Calendar Pro) #1409204Hi Bernd,
We don’t need it anymore, you can remove it.
Also, I updated the CSS code to:.single-tribe_event_series .tribe-events .tribe-events-header { display: block; } .single-tribe_event_series .tribe-events .tribe-events-header .tribe-events-c-view-selector__list, .single-tribe_event_series .tribe-events .tribe-events-header .tribe-events-c-top-bar__nav-list { list-style: none; }
On the next release, you can remove this code.
Best regards,
NikkoHi biggsuccess,
I tried to check the pages but the code I gave was missing on those pages.
Are you using Thrive Architect for those pages? if yes, please add the code there not in Quick CSS.
If that still does not help, then please give us temporary admin access, so we can check on the issue further.
Just post the credentials in private content.Best regards,
NikkoHi annameis,
Are you referring to the underline that only shows when you hover over the sub item? if yes, please remove the last code I gave and add this CSS code:
#top #header #header_main .mega_menu_title a:hover { text-decoration: none; }
Hope it helps.
Best regards,
NikkoHi Lene,
You’re welcome :)
As for the font size, it just adapts to default size set in Enfold > General Styling > Typography or in Advanced Styling.
If it’s not set however it’s default is 13px which is what you have now.
Since, it affect everything when changing the value, I think the easiest way it add this in CSS code in Quick CSS:.avia-table tr th, .avia-table tr td { font-size: 16px }
Best regards,
NikkoHi tyronere,
Please upload the zip file in https://ufile.io/ and once it’s uploaded, so we can check it.
Post the link in private content.Best regards,
NikkoHi Stilecatalini,
We can’t do that since Guenni007 is not a moderator and it depends on him if he wants to check your site or not.
Also, since you want Guenni007 to take a peek on your site, you should post the link to your site in your post (not in private content) so he can see it.Best regards,
NikkoHi Stilecatalini,
The CSS codes given which has @media only screen and (max-width: 989px) includes the mobile.
Also, I have checked it in mobile and it is working, the problem maybe caching on your phone browser and fetching older CSS, please try to clear the cache on your phone’s browser.Best regards,
Nikko -
AuthorPosts