Forum Replies Created
-
AuthorPosts
-
Hi,
Thank you, the smallest width your menu can be without resizing the menu items is 1160px, and your mobile menu ends at 768px, so between those two you should decide if you want to continue the mobile menu more or have the menu items smaller or a mixture of both.
Some choose to have the mobile menu go to 1024px, but I’ve seen mobile menus go to 1200px, let us know how you want to proceed.So for mobile menus I moved the image over the burger and inline with the logo with this css. For now the media query ends at 767px, but this can be changed:
@media only screen and (max-width: 767px) { #custom_html-2 { width: 60px; float: right; top: -95px; } }
For 1160px and up I put the image inline with the menu and float it to the end, and adjusted once at 1295px:@media only screen and (min-width: 1160px) and (max-width: 1295px) { nav.main_menu { width: 85% !important; } #custom_html-2 { width: 60px; float: right; top: -5px; } } @media only screen and (min-width: 1296px) { nav.main_menu { width: 75% !important; } #custom_html-2 { width: 60px; float: right; top: -5px; } }Best regards,
MikeHi,
Oh I see, you had the content outside of the tags on purpose.
I corrected your content & tags, and I linked to a comparison via dropbox in the Private Content area.
Please clear your browser cache and check your layerslider.Best regards,
MikeHi,
Thanks for the screenshot, I wonder why your blue overlay is so off in your screenshot? Here is the screenshot of the one I worked on:

and this is the same one with your css:

this is not as off as your screenshot, but the blue overlay doesn’t stay in the box it goes down to the next element.
Also is your element inside of another column? That might be limiting it’s size, mine is not and it’s quiet large.Best regards,
MikeHi,
Happy Sunday! :)
Unless there is anything else we can assist with on this issue, shall we close this then?Best regards,
MikeHi,
Thank you for the FTP access, for both sites I renamed your current theme to “enfold-old” then I uploaded the new “enfold” and checked that your site is working correctly. Please also check for yourself.
Once you are happy you, (or I) can delete the “enfold-old” via ftp, (not the WP theme page)
Should for some reason you wish to roll-back to the old version, it’s easy to do, simply rename the new “enfold” to “enfold-new” via ftp and then rename “enfold-old” to “enfold” then refresh your page.So please check the sites and let us know if there is anything else we can assist with.
Best regards,
MikeHi,
Sorry, I got mixed up, so for your test site
I used this css to override your image and background-color:.header_color .header_bg { background: transparent url(//demo.kmu-betreuung.ch/wp-content/uploads/2018/11/test-curved-header.png) center center no-repeat !important; background-size: cover !important; top: 112px !important; } #header.header_color { background-color: red !important; }to make the curve hang down over the pink content, and have the header a solid red. Notice that the image has to hang down 112px because the dips in the curve are a lot and we are trying to hide the straight line of the header.

Best regards,
MikeNovember 18, 2018 at 6:52 am in reply to: Problem with 2 column code using avia layout builder versus default editor #1034827Hey webworm72,
I have taken a look at your pages and for the second column that is down some, there is a line brake in the source code.<br>I tested this on my localhost and found that if a new line is created in the text block element then the BR tag is created.
To solve this issue, simply ensure no line brake is added to the element.
This is an example with the line break:[av_one_half first]<ul> <li>Meal planning</li> <li>Calorie and macronutrient recommendations</li> <li>Recipe selection and review</li> <li>Nutrition therapy (for diabetes, high cholesterol, etc.)</li> </ul>[/av_one_half] [av_one_half]<ul> <li>Restaurant and dining tips</li> <li>Kitchen clean-out and grocery shopping advice</li> <li>Information about diet myths, trends, and facts</li> <li>Accountability and encouragement</li> </ul>[/av_one_half]and this is without the line brake:
[av_one_half first]<ul> <li>Meal planning</li> <li>Calorie and macronutrient recommendations</li> <li>Recipe selection and review</li> <li>Nutrition therapy (for diabetes, high cholesterol, etc.)</li> </ul>[/av_one_half][av_one_half]<ul> <li>Restaurant and dining tips</li> <li>Kitchen clean-out and grocery shopping advice</li> <li>Information about diet myths, trends, and facts</li> <li>Accountability and encouragement</li> </ul>[/av_one_half]Best regards,
MikeHey koraytastan,
I recommend using the first method, of creating a widget area in the header and adding your text or image as a widget. What you are experiencing is the lack of room in your header for the widget.
Please link to your page with the widget area, so we can help adjust the elements.Best regards,
MikeNovember 18, 2018 at 6:02 am in reply to: Responsive Portfolio Grid: How to control column count on mobile layouts? #1034823Hey Gary,
Please try this code in the General Styling > Quick CSS field:@media only screen and (max-width: 767px) and (min-width: 300px) { .responsive #top #wrap_all .grid-sort-container .grid-entry { width: 50% !important; } }Best regards,
MikeHey cl-hurt,
I took a look at your layerslider, and for some reason your text is outside the paragraph tags.
Your font and color is correct, right? The only error is that there are no paragraph brakes, right?
Have you tried disabling your plugins? Can you please include a admin login in the private content area so we can take a closer look.Best regards,
MikeHi,
The first video has a wave.png in the area under the video, it is a example. I took your image and used the tool at Online Background Remover and made your image transparentBest regards,
MikeNovember 18, 2018 at 4:11 am in reply to: Blog Post Content Element used on Page: Possible to randomize posts that appear? #1034817Hi,
If the code didn’t work, check that the quotes didn’t turn into curly quotes when you copied the code.Best regards,
MikeHi,
Sorry for the late reply, to have a taller masonry item please try the “High Portrait” Orientation:

to have the blue overlay fill within the masonry item try to place it within the “av-inner-masonry” link this:a.av-masonry-entry:hover > .av-inner-masonry:before { content: attr(title)!important; background: #0D47A1!important; position: absolute!important; bottom: 0!important; left: 0!important; right: 0!important; width: 100%!important; height: 40%!important; z-index: 10!important; text-align: center!important; line-height: 180px!important; opacity: 1!important; font-weight: bold!important; font-size: 24px!important; color: #fff !important; transition: ease-in linear 2s!important; }unfortunately the title attribute is not showing with this though.
To see the element I tried to work on, try Enabling the Avia Layout Builder Debugger and using this shortcode:[av_codeblock wrapper_element='' wrapper_element_attributes='' codeblock_type='' av_uid='av-jom6vm8p'] <style> a.av-masonry-entry:hover > .av-inner-masonry:before { content: attr(title)!important; background: #0D47A1!important; position: absolute!important; bottom: 0!important; left: 0!important; right: 0!important; width: 100%!important; height: 40%!important; z-index: 10!important; text-align: center!important; line-height: 180px!important; opacity: 1!important; font-weight: bold!important; font-size: 24px!important; color: #fff !important; transition: ease-in linear 2s!important; } </style> [/av_codeblock] [av_masonry_gallery ids='' items='4' columns='4' paginate='none' size='fixed' orientation='av-orientation-portrait-large' gap='large' overlay_fx='active' animation='active' container_links='active' id='' caption_elements='title excerpt' caption_styling='' caption_display='always' color='' custom_bg='' av-medium-columns='' av-small-columns='' av-mini-columns='' av_uid='av-jom67uwa']Best regards,
MikeHi,
Thanks for the login, I took a look at your page, this error is typically due to a un-closed html tag in the title fields, such as the strong tags in your titles.
I used the Avia Layout Builder Debugger
to check your shortcodes in the template “en” but it is not complete, compared to the homepage.
I recommend trying to recreate the page again, and keeping an eye on the html tags in the titles to ensure all of them them are closed properly.Best regards,
MikeHi,
Glad we could help, unless there is anything else we can help with on this issue, shall we close this then?Best regards,
MikeNovember 18, 2018 at 12:27 am in reply to: any product detail page layout in woocommerce appears narrow. #1034799Hi,
If I understand correctly, you would like your product pages to be a single column, full width, and show the product images.
Where would you like the product images, at the top of the page or the bottom?
Your product pages have a max-width of 800px, do you want that to stay true, or do you want them to be full width?
Please include a admin login so we can make the changes.Best regards,
MikeHey emaechler,
What you need to do is add a snippet below your header so it looks like your header has a curve to it. In the past this was done with a transparent image with the curve painted on, but you can also do this with css: https://youtu.be/9kkEMHatgZ0
or svg: https://youtu.be/OjIxscGV-Qg
Here is a SVG GENERATOR that can help with your shape.Best regards,
MikeNovember 17, 2018 at 10:59 pm in reply to: Blog Post Content Element used on Page: Possible to randomize posts that appear? #1034791Hey gatehealing,
To show your blog posts randomly on your site, when using the blog posts element, Try adding this code to the end of your functions.php file in Appearance > Editor:add_filter('avia_blog_post_query', 'avia_modify_post_grid_query_rand'); function avia_modify_post_grid_query_rand( $query ) { $query['orderby'] = 'rand'; return $query; }This was found at the Blog Post element documentation
Best regards,
MikeHi,
@LodiPlanting I have also taken a look at your two sites, which your WordPress is up to date, If you can use your webhost tool to create a full backup, or I’m sure they would be happy to assist, and then include FTP access to your two sites, we can update your theme for you.Best regards,
MikeHi,
@web4698 I have taken a look at your site and I see your WordPress is v4.7 and needs to be v4.9 and your Enfold is v4.0.2
I also see that your PHP ZipArchive is disabled, which might cause a issue when updating WordPress.
Please ask your webhost to enable the PHP ZipArchive, and create a full backup using whatever tool your webhost offers, and then include ftp access so we can try updating your theme.Best regards,
MikeHi,
This screen looks correct: https://prnt.sc/ljjpwt
I meant that your error message seems to be saying that it can’t connect: https://prnt.sc/ljbth2
I thought from your earlier post that you had valuated the token, are you trying to do multiple sites and one had valuated, but now the next one wont?
Some people have said that when valuating multiple sites, they needed to use incognito mode because Theme Forest was setting cookies.Best regards,
MikeNovember 17, 2018 at 7:08 am in reply to: any product detail page layout in woocommerce appears narrow. #1034664Hi,
I took a look at your page and the past posts above, the reason the product images don’t show is because of this code:#top.single-product .single-product-main-image.alpha { display: none !important; }which at the time was used to hide the images so you would have one wide column instead of two.
Please feel free to remove the code posted August 17 to show the image column.Best regards,
MikeHey hanlinsg,
I took a look at your site, and found that your menu items were not showing on your shop pages, product pages, or the check-out page, along with your cart button and it’s dropdown menu. So the css below addresses these issues, and hiding the PayPal buttons.
Please try this code in the General Styling > Quick CSS field:#top.single-product .header_color .main_menu ul:first-child > li > a,#top.post-type-archive-product .header_color .main_menu ul:first-child > li > a,#top.woocommerce-cart .header_color .main_menu ul:first-child > li > a { color: #000 !important; } #top.single-product .wcppec-checkout-buttons.woo_pp_cart_buttons_div { display: none !important; } .header_color .cart_dropdown .dropdown_widget li a, #top .header_color .avia_cart_buttons .button, #top .header_color .dropdown_widget .buttons .button, .header_color .cart_dropdown_first .cart_dropdown_link, #top .header_color p.order-info mark { color: #000 !important; }Best regards,
MikeHi,
Sorry, perhaps I was confused, I read your earlier post that checking the option:
“View your account profile details” validated it?
The screenshot you shared suggests that the correct permissions were not allowed.Best regards,
MikeNovember 17, 2018 at 5:37 am in reply to: Enfold 4.5 Theme Update "Update Failed: Download failed. A valid URL was not pro #1034643Hi,
@JKarr I assume you have read our sticky post and I can appreciate that you don’t want to update with FTP, so I would recommend using the plugin in the sticky post to update.I would like to offer a different way to think about this issue, right now with pre v4.5, when you can’t update it’s because of the files currently installed on your webhost, not because of the update. So to correct we need to get the update onto your webhost, then updating will work correctly going forward.
We are sorry for this inconvenience, and if you open a new thread with your admin login & ftp access in the Private Content area, I will be happy to update for you.
Please follow this one step first though, please use whatever backup tool your webhost provides to create a full backup. I recommend this step as good practice for every time you update, it’s easy to do, & someday someone is going to be thankful that they did. :)I look forward to seeing your post and resolving this for you.
Best regards,
MikeHi,
Sorry for the late reply and I don’t have a solution for this, but I also don’t understand the advantage of this over the built-in function that does disappear when the user clicks?
If I understand correctly, the only thing you don’t like about the built-in function is that the bar shows above the socket & procharter-navbar, vs under it?
Is this correct?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
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


