Forum Replies Created
-
AuthorPosts
-
September 13, 2018 at 11:48 am in reply to: Hide/ Show Menue Items on mobile/ desktop view or deaktivate complete menue #1009336
Hi L-mobileGroup,
Thanks for giving us the link to your site.
I have checked it and I couldn’t find the code you posted when I tried to inspect your site.
As for 2, you can use this code instead:@media only screen and (min-width:768px) and (max-width:1366px) { #top .av_mobile_menu_tablet .av-main-nav .menu-item { display: block !important; } #top .av_mobile_menu_tablet .av-main-nav .av-burger-menu-main { display: none !important; } }
For 3, use this code:
#avia-menu .hsizeheadingmenu > a:before { display: inline-block; font-family: 'entypo-fontello'; content: '\e808'; margin-right: 4px; }
As for the new issue you have, can you try to disable Autoptimize plugin and check.
Let us know if this helps.Best regards,
NikkoHi Concre,
Yes, it is customizable, you just need to change the value in border-bottom-width from 2px to larger value like 4px, etc.
Then for the other code Victoria gave:border-bottom: 1px #fff solid;
The 1px there is the thickness, just change the value.
Hope this helps.Best regards,
NikkoSeptember 12, 2018 at 7:59 am in reply to: The Events Calendar Pro not working in mobile view #1008777Hi Hans-Gerd,
I checked it again, seems like an issue with caching.
The slider also didn’t load when I tried but after disabling all plugins and enabling them again, the slider works properly on my mobile device and didn’t have any consistency.
As for the menu it’s probably the same thing, though it worked properly on my end when I first tested and after checking few times with my phone.Best regards,
NikkoHi JBley,
This is what the code I gave should display:
Can you give us a mockup or screenshot of what you’re trying to achieve?Best regards,
NikkoSeptember 12, 2018 at 7:28 am in reply to: Responsiveness issues; set logo to bleed and change padding for burger menu #1008759Hi friendlier,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:1024px) { #top #main .sidebar { word-break: break-word; } #top #main .inner_sidebar { margin-left: 30px; } } @media only screen and (max-width:767px) { .responsive #top .logo { max-width: 68% !important; } }
Hope this helps.
Best regards,
NikkoSeptember 12, 2018 at 7:18 am in reply to: Hide/ Show Menue Items on mobile/ desktop view or deaktivate complete menue #1008752Hi Marc,
Can you give us a link to your site? so we can take a closer look.
You can post the details in private content, so only the moderators can view it.Best regards,
NikkoHi rkumar12,
I tried the ftp details you posted using filezilla however it doesn’t seem to work, please check.
Best regards,
NikkoHi kjwaggz,
Thanks for giving us admin access.
Can you give us ftp access also? so we can try to enable debugging and check further.
Just post the ftp details in private content, so it’s visible only to the moderators.Best regards,
NikkoSeptember 12, 2018 at 6:56 am in reply to: The Events Calendar Pro not working in mobile view #1008735Hi Hans-Gerd,
I noticed you have 3 child themes, can you try to move the 2 outside of the themes folder and just leave 1 child theme, some people have issues having multiple enfold theme or child theme in that folder.
Try to switch to the parent theme: Enfold and you should notice it works fine.Best regards,
NikkoSeptember 11, 2018 at 12:57 pm in reply to: Hide/ Show Menue Items on mobile/ desktop view or deaktivate complete menue #1008370Hey Marc,
1. Go to Appearance > Menus > Screen Options > check CSS Classes, then add class to those menus like mobile-only or desktop only and use those selectors to show/hide specific menus in desktop or mobile.
2. You can use this code:@media only screen and (min-width:768px) and (max-width:990px) { .responsive #header_main_alternate { display: block; } .responsive #top .av-main-nav .menu-item { display: list-item; } }
if this doesn’t help, please give us a link to your site.
3. You can use web inspector to know and select specific menu to add icons. I think you can use :before selector for that and use ‘entypo-fontello’ as the font.
4. Yes, that’s possible just separate them with space.
Hope this helps.Best regards,
NikkoHi Concre,
Try using this css code:
.html_av-overlay-side #top .av-burger-overlay-scroll { right: auto; left: 0; }
if that doesn’t work, use this instead:
.html_av-overlay-side #top .av-burger-overlay-scroll { right: auto !important; left: 0 !important; }
Hope it helps.
Best regards,
NikkoHi Transform-You,
Glad that we could help :)
Feel free to comeback if you need further assistance.
Thanks for using Enfold and have a great day!Best regards,
NikkoSeptember 11, 2018 at 12:32 pm in reply to: The Events Calendar Pro not working in mobile view #1008353Hi Hans-Gerd,
I have checked it and the menu beside the logo isn’t present in those pages unlike in home page or normal pages.
I switched it to the parent theme and the mobile menu works fine, probably there are some modifications you made in the child theme that’s causing this.Best regards,
NikkoHi Transform-You,
Can you try adding this css code in Quick CSS (located in Enfold > General Styling):
#footer .container { display: flex; align-items: flex-end; } #footer .container .textwidget p:last-child { margin-bottom: 0 !important; }
Hope it helps.
Best regards,
NikkoHey Lukas,
Yes, it’s possible to hide the title on specific pages, you just need to add this css code in Quick CSS (located in Enfold > General Styling):
.page-id-xx .av-tab-section-tab-title-container { display: none !important; }
just replace xx with the id number of the page.
If you need help on this just post the links on those specific pages, you can post it in private content if you want the link to be visible only to the moderators.
Hope it helps.Best regards,
NikkoHey kjwaggz,
Thanks for posting the error, please enable PHP ZipArchive Extension and that should fix the issue, you may need your webhost to assist in enabling this php extension.
Let us know if this helps.Best regards,
NikkoSeptember 11, 2018 at 7:31 am in reply to: Responsiveness issues; set logo to bleed and change padding for burger menu #1008214Hi friendlier,
Can you try adding this css code:
#top #avia-menu #menu-item-search { display: block !important; } #top #avia-menu .av-burger-menu-main.menu-item-avia-special > a { padding-right: 13px !important; }
inside this media query code:
@media only screen and (max-width: 1200px) {
Hope it helps.
Best regards,
NikkoHi JBley,
Can you try using this css code:
#top .sub-menu .current-menu-item > a { background: #0071b9; color: white !important; }
Hope it helps.
Best regards,
NikkoHi rkumar12,
Thanks for pointing out the specific page, I’m not sure why that’s happening, I’ve tested accordion slider on my end exactly as what I did on the Test Slider page I created on your site but it works well on my end.
Can you give us ftp access? so we can check this even further.
Just post the details in private content so it’s only visible to the moderators.Best regards,
NikkoHi Chris,
Thanks for pointing out the specific slider that you like to use.
However that’s a Fullwidth Easy Slider and don’t have an import and export feature, but there’s another way to get it, first enable Avia Layout Debugger: https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#debug-mode
Then go to the page where you want to apply the slider, make sure it uses Advanced Layout Editor and at the bottom of the content area there should be a large textarea where generated shortcodes appear and paste this code at the top of those codes:[av_slideshow_full size='featured_large' min_height='0px' stretch='' animation='fade' conditional_play='' autoplay='true' interval='5' control_layout='av-control-minimal' src='' attachment='' attachment_size='' position='top left' repeat='no-repeat' attach='scroll' av_uid='av-18sc5f'] [av_slide_full slide_type='image' id='4259' video='http://' mobile_image='' fallback_link='http://' video_format='' video_ratio='16:9' title='A reliable team' custom_title_size='' custom_content_size='' caption_pos='caption_right' link_apply='button button-two' link='lightbox' link_target='' button_label='Who we are' button_color='light' link1='page,31' link_target1='' button_label2='What we do' button_color2='theme-color' link2='page,25' link_target2='' font_color='' custom_title='' custom_content='' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.2' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' 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='av-1e617'] Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. [/av_slide_full] [av_slide_full slide_type='image' id='4260' video='http://' mobile_image='' fallback_link='http://' video_format='' video_ratio='16:9' title='You dream it, we build it' custom_title_size='' custom_content_size='' caption_pos='caption_left' link_apply='button button-two' link='lightbox' link_target='' button_label='Learn more' button_color='light' link1='page,25' link_target1='' button_label2='Get a quote' button_color2='theme-color' link2='page,31' link_target2='' font_color='' custom_title='' custom_content='' overlay_opacity='0.5' overlay_color='#0a0a0a' overlay_pattern='' overlay_custom_pattern='' 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='av-10vvb'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. [/av_slide_full] [av_slide_full slide_type='image' id='79' video='http://' mobile_image='' video_format='' video_ratio='16:9' title='From start to finish' custom_title_size='' custom_content_size='' caption_pos='caption_left' link_apply='button button-two' link='lightbox' link_target='' button_label='Learn more' button_color='light' link1='page,31' link_target1='' button_label2='Get a quote' button_color2='theme-color' link2='page,23' link_target2='' font_color='' custom_title='' custom_content='' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.5' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' video_controls='' video_mute='' video_loop='' video_autoplay='' av_uid='av-17a227' fallback_link='http://' 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=''] Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. [/av_slide_full] [/av_slideshow_full]
You can also copy the code from here: https://pastebin.com/DxW2wMqS
Then Update the page, then go to the slider and change the image, just copy the image from the site: https://kriesi.at/themes/enfold-construction/
Hope this helps.Best regards,
NikkoSeptember 11, 2018 at 6:36 am in reply to: The Events Calendar Pro not working in mobile view #1008184Hi,
Can you try adding this css code in Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:768px) { #tribe-events-content { overflow: visible; } }
@Aadil I have already applied this on your site and enabled Events Calendar Pro.
@Jörg and @Hans-Gerd, let us know if this works on your end as well.Best regards,
NikkoHi rkumar12,
I tried to update your homepage, basically I just removed the s from Careers then update the page and putting the s back again and I don’t see the issue showing.
Is this already fixed? can you try clearing the browser cache if this shows and try updating the page again.Best regards,
NikkoSeptember 8, 2018 at 7:35 am in reply to: Remove item from shopping cart WIDGET button (x) ? #1007367Hi wzshop,
Can you give us a link to your site? so we can inspect and check further why the code isn’t working on your end.
Best regards,
NikkoHi goevo,
Thanks for giving admin access, and tried it on your site and the local site I have and it really doesn’t work on your end even with the same settings as I have.
Can you create a stage site? then try to upgrade Enfold to the latest version and check if it helps, if it doesn’t please provide us admin and ftp details to the stage site, this way we can safely make changes and isolating the issue without affecting your live site.Best regards,
NikkoHi studioginkgo,
Can you try adding col-work in Custom Css Classes field and not on the Developer ID?
I tried adding that class name using a web inspector and it works.Best regards,
NikkoHi berniedidit,
Glad that we could help :)
Fortunately, just few css tweak fixes it.
Feel free to comeback if you need further assistance.
Thanks for using Enfold and have a great day!Best regards,
NikkoHi,
I checked it and it worked on my end, just to confirm if you are referring on the social icons (facebook, twitter, google+) at the bottom of this page (link in private content)? if you’re referring on those icons, try clearing your browser cache to make sure the new css is fetched, if that’s not the social icons you’re referring then please post the link to the page showing the icon.
Best regards,
NikkoHey Eric,
You just need to add this attribute: caption=’yes’ and add the caption text inside the tag, I have modified the code you gave above with caption integrated:
[av_image src='/wp-content/uploads/Cover_DrMcKinley2.jpg'' attachment='32815' attachment_size='full' align='center' styling='' hover='' link='manually,https://vimeo.com/268435670' target='' caption='0' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av_uid='av-jlotu786' custom_class='' admin_preview_bg='' caption='yes'] This is the caption text[/av_image]
Hope it helps :)
Best regards,
NikkoSeptember 7, 2018 at 10:09 pm in reply to: The Events Calendar Pro not working in mobile view #1007315Hey danielromanin,
Please give us admin access to your site so we can check it further.
Just post the credentials in private content.Best regards,
NikkoHi berniedidit,
Can you try adding this css code in Quick CSS (located in Enfold > General Styling):
#MLCalcForm INPUT { display: inline !important; width: auto !important; }
Hope this helps.
Best regards,
Nikko -
AuthorPosts