Forum Replies Created
- 
		AuthorPosts
- 
		
			
				
Hi, 
 I have two css code snippets for you to try in your WordPress > Customize > Additional CSS field.
 This first one gives you the mobile width of the columns and the mobile menu:@media only screen and (max-width:767px){ .responsive #top .av-hide-on-mobile{display:none!important;} .responsive #top #wrap_all #header{position:relative;width:100%;float:none;height:auto;margin:0!important;opacity:1;min-height:0!important;} .responsive #top #main{padding-top:0!important;margin:0!important;} .responsive #top #main .container_wrap:first-child{border-top:none!important;} .responsive #top .logo{position:static;display:table;height:80px!important;float:none;padding:0;border:none;width:80%!important;} .responsive .logo a{display:table-cell;vertical-align:middle!important;} .responsive .logo img{height:auto!important;width:auto;max-width:100%;display:block;max-height:80px!important;} .responsive #header_main .container{height:auto!important!important;} .responsive #top .header_bg{opacity:1;filter:alpha(opacity=1)!important;} .responsive #header .social_bookmarks{padding-bottom:2px;width:100%;text-align:center;height:auto;line-height:0.8em;margin:0!important;} .responsive #header .social_bookmarks li{float:none;display:inline-block!important;} .responsive .logo img{margin:0!important;} .responsive.html_header_sidebar #top #header .social_bookmarks{display:none!important;} .responsive .av-burger-menu-main{display:block!important;} .responsive #top #wrap_all .main_menu{top:0;height:80px;left:auto;right:0;display:block;position:absolute!important;} .responsive .main_menu ul:first-child > li a{height:80px;line-height:80px!important;} .responsive #top .av-main-nav .menu-item{display:none!important;} .responsive #top .av-main-nav .menu-item-avia-special{display:block!important;} .responsive #top #header .social_bookmarks{display:none!important;} .responsive #top .av-logo-container .avia-menu{height:100%!important;} .responsive #top #header_main > .container .main_menu .av-main-nav > li > a,.responsive #top #wrap_all .av-logo-container{height:80px;line-height:80px!important;} .responsive #top #wrap_all .av-logo-container{padding:0!important;} .responsive #top #header_main > .container .main_menu .av-main-nav > li > a{min-width:0;padding:0 0 0 20px;margin:0;border-style:none;border-width:0!important;} .responsive #top #header .av-main-nav > li > a,.responsive #top #header .av-main-nav > li > a:hover{background:transparent;color:inherit!important;} .responsive.html_header_sidebar #main{border:none!important;} .responsive #scroll-top-link{display:none!important;} }Or you can try this one that gives you the column width with the sidebar menu and the images, which on a tablet looks nicer, I think. @media only screen and (max-width: 1023px) { .responsive .boxed #wrap_all { overflow:hidden !important; } .responsive #top { overflow-x: hidden !important; } .responsive .boxed#top,.responsive #top.boxed .stretch_full ,.responsive.html_boxed.html_header_sticky #header,.responsive.html_boxed.html_header_transparency div #header { width: 100% !important; max-width: 100% !important; } .responsive #top .flex_column_table_cell { display: block !important; } .responsive #top .flex_column_table { display: block !important; } .responsive #top #wrap_all .container { width: 85%!important; max-width: 85%!important; margin: 0 auto!important; padding-left: 0!important; padding-right: 0!important; float: none !important; } .responsive .units,.responsive .unit { margin: 0 !important; } .responsive #top .container .av-content-small,.responsive #top #wrap_all .flex_column,.responsive #top #wrap_all .av-flex-cells .no_margin { margin: 0!important; margin-bottom: 20px!important; width: 100% !important; } .responsive #top #wrap_all .av-flex-cells .no_margin { display: block!important; margin: 0!important; height: auto !important; overflow: hidden!important; padding-left: 8% !important; padding-right: 8% !important } .responsive #top #wrap_all .av-flex-cells .no_margin .flex_cell_inner { width: 100%!important; max-width: 100%!important; margin: 0 auto !important; } .responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding { padding-left: 0% !important; padding-right: 0% !important } .responsive #top #wrap_all .flex_column:empty { margin: 0 !important; } } @media only screen and (min-width: 480px) and (max-width:1023px) { } .container:after { content: "\0020"; display: block!important; height: 0!important; clear: both!important; visibility: hidden !important; } .clearfix:before,.clearfix:after,.flex_column:before,.flex_column:after,.widget:before,.widget:after { content: '\0020'!important; display: block!important; overflow: hidden!important; visibility: hidden!important; width: 0!important; height: 0 !important; } .flex_column:after,.clearfix:after { clear: both !important; } .row,.clearfix { zoom:1} .clear { clear: both!important; display: block!important; overflow: hidden!important; visibility: hidden!important; width: 0!important; height: 0 !important; } body div .first,body div .no_margin { margin-left: 0 !important; } div .flex_column { z-index: 1!important; float: left!important; position: relative!important; min-height: 1px!important; width: 100% !important; } div .av_one_fifth { margin-left: 6%!important; width: 15.2% !important; } div .av_one_fourth { margin-left: 6%!important; width: 20.5% !important; } div .av_one_third { margin-left: 6%!important; width: 29.333333333333332% !important; } div .av_two_fifth { margin-left: 6%!important; width: 36.4% !important; } div .av_one_half { margin-left: 6%!important; width: 47% !important; } div .av_three_fifth { margin-left: 6%!important; width: 57.599999999999994% !important; } div .av_two_third { margin-left: 6%!important; width: 64.66666666666666% !important; } div .av_three_fourth { margin-left: 6%!important; width: 73.5% !important; } div .av_four_fifth { margin-left: 6%!important; width: 78.8% !important; } div .av_one_sixth { margin-left: 6%!important; width: 11.666666666666666% !important; } div .av_one_seventh { margin-left: 6%!important; width: 9.142857142857142% !important; } div .av_one_eighth { margin-left: 6%!important; width: 7.25% !important; } div .av_one_nineth { margin-left: 6%!important; width: 5.777777777777778% !important; } div .av_one_tenth { margin-left: 6%!important; width: 4.6% !important; } #top div .no_margin { margin-left: 0!important; margin-top: 0 !important; } #top .no_margin.av_one_fifth { width: 20% !important; } #top .no_margin.av_one_fourth { width: 25% !important; } #top .no_margin.av_one_third { width: 33.3% !important; } #top .no_margin.av_two_fifth { width: 40% !important; } #top .no_margin.av_one_half { width: 50% !important; } #top .no_margin.av_three_fifth { width: 60% !important; } #top .no_margin.av_two_third { width: 66.6% !important; } #top .no_margin.av_three_fourth { width: 75% !important; } #top .no_margin.av_four_fifth { width: 80% !important; } #top .no_margin.av_one_sixth { width: 16.666666666666668% !important; } #top .no_margin.av_one_seventh { width: 14.285714285714286% !important; } #top .no_margin.av_one_eighth { width: 12.5% !important; } #top .no_margin.av_one_nineth { width: 11.11111111111111% !important; } #top .no_margin.av_one_tenth { width: 10% !important; } #top .flex_column_table { display: table!important; table-layout: fixed!important; width: 100% !important; } #top .flex_column_table_cell { float: none!important; display: table-cell !important; } #top .av-flex-placeholder { display: table-cell!important; width: 6% !important; } .av-align-top { vertical-align: top !important; } .av-align-middle { vertical-align: middle !important; } .av-align-bottom { vertical-align: bottom !important; }Best regards, 
 MikeHey Hilliar, 
 The shortcode for the small gallery was created using this format:[gallery link="file" size="gallery" ids="452,450,448"]You can use the shortcode wand in the default wordpress editor, Media Elements > Gallery to easily create it. 
 Our documentation page for the gallery has more information.Best regards, 
 MikeHi, 
 Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here 
 And if there are features that you wish Enfold had, you can request them and vote the requested ones here
 For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards, 
 MikeHi, 
 I see you have 22 javascript errors when I try to open the customizer, so there seems to be a conflict somewhere. Can you recall any changes made before this occurred. I have checked all of the usual suspects, but didn’t find anything.
 Please include ftp access in the Private Content area so we can dig a little deeper.Best regards, 
 MikeJune 15, 2018 at 2:11 pm in reply to: layer slider animations not working on chrome and IE at 1920 resolution #973314Hi, 
 I have found that this seems to be a issue that has been attributed to a rendering error in Chrome, and in testing I also found that the animation will work correctly if the slider is set to “full size” layout, and a mode of “normal” or “hero”
  
 I will try to find a better answer for you, but so far every support ticket on layerslider I have found ends with “it’s a rendering error in Chrome”Best regards, 
 MikeJune 15, 2018 at 12:22 pm in reply to: Overlap between privacy policy text and Submit button below comment form. #973272Hi, 
 Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here 
 And if there are features that you wish Enfold had, you can request them and vote the requested ones here
 For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards, 
 MikeJune 15, 2018 at 12:20 pm in reply to: Magnificent Popup not workin (not recognized as a function) #973271Hi, 
 Please include FTP access in the Private Content area, so we can take a closer look.Best regards, 
 MikeHi, 
 Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here 
 And if there are features that you wish Enfold had, you can request them and vote the requested ones here
 For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards, 
 MikeHey FKMZ2, 
 For the vertical toggle space, Try this code in the General Styling > Quick CSS field:.togglecontainer .toggle_wrap.active_tc .toggle_content { padding-top: 0px !important; padding-bottom: 0px !important; } .togglecontainer .toggle_wrap.active_tc .toggle_content p { margin-top: 0px !important; margin-bottom: 0px !important; }For the space around the icons (+/–) on the left, Try this code in the General Styling > Quick CSS field: .js_active .toggler { padding-left: 25px !important; }Please adjust to suit. Best regards, 
 MikeHey webbiz215, 
 Perhaps the WooCommerce Product Categories Selection Widget would be a good solution for you.Best regards, 
 MikeJune 15, 2018 at 5:40 am in reply to: Overlap between privacy policy text and Submit button below comment form. #973089Hi, 
 Try this code in the General Styling > Quick CSS field:#commentform p.form-submit {margin-top: 30px !important; } @media only screen and (max-width: 600px) { #commentform p.form-submit {margin-top: 60px !important; }}Best regards, 
 MikeHey Nicho, 
 Please check if you have the Enfold Theme Options > Performance > JS & CSS file merging and compression enabled.
 This should be enabled after you are done creating your site, otherwise you will need to re-build your merged files. To do this please enter a blank space in the Quick CSS to enable the “Save all changes” button, then save. Or saving your custom css to the Quick CSS and clicking “Save all changes” will do the same.Best regards, 
 MikeHey wildlilly, 
 Some hosts don’t use the php.ini file to increase the upload size, sometimes they use the .htaccess file, and other times it’s within the cPanel. Please read this
 I recommend asking your webhost to do this for you, often a quick email will get it done right the first time, while your at it ask them to set all of these settings for you:
 PHP Version: 7.0.x
 PHP Time Limit: No limit
 PHP Memory Limit: 256M
 PHP Post Max Size: 50M
 PHP Max Upload Size: 20MBest regards, 
 MikeHey navindesigns, 
 Try this code in the General Styling > Quick CSS field:@media only screen and (min-width: 767px) { .avia-content-slider.avia-content-grid-active.avia-content-slider1 .slide-entry.flex_column.av_one_third { margin-left: 0%!important; width: 33.3% !important; } }Best regards, 
 MikeHey iamspud5, 
 Thanks for the login, I was able to login in and saw that your debugger and parser didn’t look correct, when I noticed that your version of Enfold is v3.8.5 , we are now at v4.4.1
 This explains why you are having trouble with it.
 I recommend backing up your site with UpdraftPlus and updating.
 Then the shortcode for the tab section should work correctly.Best regards, 
 MikeHi, 
 Thanks for letting us know, glad to hear you have it worked out now.
 We will close this now, thanks for using Enfold.Best regards, 
 MikeHi, 
 What was happening is that on your home page “Over mij” was the only menu item pointing to the page, so it was given the class “current-menu-item” even though it actual pointed half way down the page, as far as WordPress is concerned, it’s pointing to the page.
 To solve I added a “Home” menu item that points to the page, so now it is correctly highlighted, and “Over mij” is only highlighted when you click it. I also added the full url to it so you don’t need two menu items to the same anchor, and it works from any page.
 You can rename the menu item “Home” to anything you like, so long as the url is to that page.
 Or you can hide the menu item “Home” with this code in your WordPress > Customize > Additional CSS:#menu-item-510 {display:none !important;}it will let WordPress assign the class “current-menu-item” to it and not highlight “Over mij” until you click it. Best regards, 
 MikeJune 15, 2018 at 2:44 am in reply to: Enfold Theme – Blog Menu item does not appear to be pulling blog page correctly #973064Hi, 
 It looks like this ftp login goes to a user ftp directory on your webhost, and not your site directory.
 Please check the directory this account has access to, it should be “/”
 Please read about setting up a ftp user for Godaddy here.Best regards, 
 MikeJune 15, 2018 at 2:32 am in reply to: Theme updating posts to add av_uid to all shortcodes and stripping script tags #973063Hi, 
 Does this behavior still persist today? That is if you paste the page shortcode into the debug box and save the page, does it strip the tags, or did this only happen on the first update?
 I would like to duplicate the error to debug it, but can not on my localhost, perhaps if it is continuing to do so on your site we can log into your site and see this on a test page?
 Do you think there is a chance this was because of a plugin or custom script?Best regards, 
 MikeJune 14, 2018 at 2:12 pm in reply to: Magnificent Popup not workin (not recognized as a function) #972817Hi, 
 I see your [jQuery(…).magnificPopup is not a function] error.
 Please check the file & folder permissions at: \wp-content\themes\enfold\js\aviapopup\
 this is where the magnificPopup script is, it is used for many enfold popups such as the cookie notice.
 Perhaps try to re-upload the scripts in the folder.
 I tested your popup function and the popup code on my localhost, so they are fine.
 You said this happened after you updated, did you update via FTP?
 If so did you remove the enfold theme folder first, or did you try to overwrite the folder? This will cause issues.Best regards, 
 MikeJune 14, 2018 at 1:05 pm in reply to: layer slider animations not working on chrome and IE at 1920 resolution #972804Hi, 
 I have tested on Windows 10, and found that the layerslider 2D animations don’t work as described in Chrome, but when trying to debug with the inspector it does work, making it hard to isolate.
 The animations do work in Firefox, Edge, & IE11.
 Can you please include a admin login in the private content area so we can take a closer look at your layerslider settings?Best regards, 
 MikeHi, 
 Did you happen to update via ftp before you began experiencing these issues?Best regards, 
 MikeHey Shirley, 
 I see you are using Enfold Theme Options v3.8 with the latest WordPress, WordPress has made a lot of core changes, such as updating the PHP version it uses.
 Typically updating Enfold to the latest version will solve. Or if your webhost is using PHP v5.4 you can try to ask them to update your PHP to v5.6Best regards, 
 MikeHi, 
 You must always leave the “template” as “enfold”, if you are starting from scratch you can rename all other lines, but if you have already built your site with the child theme and then want to change the info, then you must also leave the “Theme Name” the same.
 Hope this helps.Best regards, 
 MikeHi, 
 Can you please include a admin login in the private content area so we can fix the error in your button, also how do you want to change the links in your popup, font size, color?Best regards, 
 MikeHey bobjonesdesigns, 
 I see that your images in the media library are the same size, but when added to the slider they are showing as different sizes.
 I added this css to your Enfold Theme Options > General Styling > Quick CSS field to force the same size for different screen widths:@media only screen and (max-width: 437px) { #top.home .avia-slideshow-inner { height: 150px !important; } } @media only screen and (min-width: 438px) and (max-width: 1023px) { #top.home .avia-slideshow-inner { height: 306px !important; } } @media only screen and (min-width: 1024px) and (max-width: 1227px) { #top.home .avia-slideshow-inner { height: 368px !important; } } @media only screen and (min-width: 1228px) { #top.home .avia-slideshow-inner { height: 443px !important; } }Please clear your browser cache and check. Best regards, 
 MikeHi, 
 Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here 
 And if there are features that you wish Enfold had, you can request them and vote the requested ones here
 For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards, 
 Mike
- 
		AuthorPosts
