Hey limyj0923,
Thanks for getting in touch with us!
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.avia-section {
border-top: 0px;
}
Let me know if you need further assistance.
Best regards,
Jordan
Hey laptophobo,
Thank you for using Enfold.
Please add this in the Quick CSS field:
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #icon-section .flex_column {
margin-left: 4%;
width: 48%;
}
}
Best regards,
Ismael
Hey RRaker,
Thank you for using Enfold.
Try to adjust the product column css modifications:
body.tax-product_cat .template-shop .products li {
width: 19% !important;
margin: 0 1% 20px 0 !important;
}
Apply a minimum height to the product info container:
#top .inner_product_header {
min-height: 125px;
height: 125px;
}
Best regards,
Ismael
Hi,
We checked the site on IE8 and the text inside the color sections are displaying. What is the version of your IE browser? Please try to disable the fade in animation of the column on IE:
.avia_transform.avia-msie .avia_animated_image, .avia-msie.avia_transform.avia_desktop .av-animated-generic {
opacity: 1;
}
Best regards,
Ismael
Hey Timo,
I’ve tagged the topic for our german speaking moderator, please wait for his reply.
Best regards,
Rikard
Hi Michael,
Glad we could help, please let us know if you should need any more help on the topic.
Best regards,
Rikard
Hi,
Ok, no problem :-) Please let us know if you should need any more help on the topic.
Regards,
Rikard
Hi,
Great, glad you got it working and thanks for sharing. Please let us know if you should need any more help on the topic.
Best regards,
Rikard
Hey Kurt,
I’m not sure I understand what you are referring to since you linked to the demo overview page, if you click Remove Frame in the top right hand corner of the screen you should be able to get the direct link.
Best regards,
Rikard
Hey!
I am trying to place a sidebar to the right on a product page, where I want to display product categories, but for some reason all the widgets end up under the product image?
That is the default single product template. If you want to move the sidebar to the left or right side of the product details, please follow the instructions here: https://kriesi.at/support/topic/sidebar-rechts-single-page/#post-580220
Regards,
Ismael
Hello,
When I use the native WP audio playlist function, the link on the tracklist links to a new page showing the actual song. How do I make them stay within the playlist module, playing all the song using the top playbar. I believe this is something related to the enfold structure that automatically link the song file to a new page.
I also noticed that when I hover on the song name or on most part of the tracklist, it will show an actual url. So after I click it, it links to that url as a new page. But when I click on “time” (at the rightmost part of the tracklist which does not show an url), it works correctly within the playlist module. So I guess by default enfold treats a hyperlink to link to that url, but ignoring the native wordpress playlist framework. Is there a way to fix this?
Thanks.
Hi,
Glad we could help, please let us know if you should need any more help on the topic.
Thanks,
Rikard
Hi,
Request you to please open different tickets for issue that are not related so we can keep the focus on original topic :)
I checked your site and the logo looks fine. I remember working on this issue and the site has come a long way since when you started working it everything is just looking great now :)
Happy website building and Thank you for using Enfold.
Best regards,
Vinay
Hi there,
Thank you for your reply, but I this did not help me so much. The code you gave me changes the color of the dropdown menus, but does not change the font for the fullwidth sub menu. All I want it to do is have it look like the the top menu which is bold. Can you help please?
Hi,
Right now it appears that the maps do not show and hide when you click that link but it scrolls up to the top of the browser. Could you please confirm the same and share the exact link where the maps hide when you click the link?
Best regards,
Vinay
Thanks Vinay that did not work for me on the homepage, and it is working on the inner pages but then it does not look correct as the “Top Bar” needs adjustment to match….
-
This reply was modified 9 years, 6 months ago by
mmf1.
Thanks. This is working well for me – all I have needed to do is add a couple of links to the main top level page as the first sub menu page, with the class ‘nodesktop’ assigned, and have this in my child theme css
@media only screen and (min-width: 769px) {
.nodesktop {display: none;}
}
They’re all working perfectly (only show up in the accordian mobile menu, and not on desktop, making it possible to navigate to the top level page) except the one that is inside a ‘mega drop down menu’ which is also showing up on desktop. Any ideas why?
Hi,
You have another ticket open for the same issue please let us know which ticket you like us to reply on? Multiple tickets for same issue will slow down the process and we can keep the focus on the main topic :)
Best regards,
Vinay
Hi there mostly all fixed now (hopefully!) thank you for getting back to me, here’s how I changed the width of the content:-
.container {
position: relative;
width: 820px;
top:-52px;
}
One problem I do have is that I’ve managed to loose the logo again, someone from your team did fix it for me but not sure what they did? They said they commented out some of my CSS but I can’t find the right code to remove to make my logo appear again?
Hi,
You are most welcome :)
Request you to open new tickets for issues that are not related so we can keep the focus on the original topic :)
To fix double underline please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.menu-item-has-children a .avia-menu-fx {
background:none!important
}
Best regards,
Vinay
Hi,
It is strange the page earlier was showing 2 images. I tried to restore the page to an earlier version to check if any latest changes was causing this but it stopped working. I suspect that this page is corrupt but do not worry i have re-created the same page and added the link in private.
Regarding homepage I think this too is corrupt or has a conflict please rename the test page i created earlier which has no problem and change the permalinks and privacy to public about the update button and use it :)
Best regards,
Vinay
I have created 3 code blocks (each 1/3. 1/3, 1/3) in a color section atop my home page of esomethin.com/yoursource. Each code block contains a search form. One of the code forms is a google form; the other 2 are search forms grabbing information from databases on a company intranet.
I want to reduce the depth search forms because the gray area is too deep.. Can you please help me tighten up the depth of this top color section?
I have include information on Private Content below.
Thanks,
Hey JudiPu,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .aviaccordion-preview-title-wrap {
background: transparent;
}
Best regards,
Yigit
Hey!
The gallery appears to be correct on desktop for me. So i check on mobile and the CSS i provided was for the issues seen in below screenshot :D
Could you tell me if there is any way i can re-produce this issue on desktop? What browser device is used to view this page?
Regards,
Vinay
Hey. Haven’t even looked on mobile, because the issue is shown on the full desktop view. I didn’t make any CSS changes on this page, so I’m not sure why this would be happening. Also, I would think ALL images would have a gap.
Hey rlogan2334,
As I understand when you view the grid items in mobile device a large gap appears between them correct? it appears the page is coming from the css with padding left and right 8% added to it. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av-flex-cells .no_margin {
padding-left: 0%!important;
padding-right: 0%!important;
}}
It is better enable custom css class name and use a custom class on the grid and include the custom class name in the above css before .av-flex-cells to target only this grid else the above code may affect other grids on the site :)
Best regards,
Vinay
Hi,
Please add following code to Quick CSS as well
.container.av-logo-container {
max-width: 100%;
padding: 0;
}
then find following code in your custom CSS
@media only screen and (max-width: 2500px) {
#header_main .widget {
position: absolute;
right: 0;
top: 0px;
padding-right: 15%;
}}
and change 15% to 0
Best regards,
Yigit
Vinay,
Thank you for responding. Yes, the site looks great! But, there is a major issue under Firefox where the text boxes, which are animated (left to right; top to bottom; etc.) are repeating their fly-in behavior and repeating their animation. You can see this effect in the attached video.
Great thank you!
I am only struggling, now, with the placement of the search.
I have it positioned to the right of the logo by putting this in the css –
#top #searchform > * {
opacity: 1 !important;
display: block !important;
top: -73px;
margin-left: 20px;
}
Though, if you take a look at it –
http://www.specialtysteel.com/w16x/
… at smaller browser widths that search field jumps down another 73px, I think, because the search form is in the menu and the menu starts to wrap. Right? Is there any way to have the search field stay in the same spot to the right of the logo. Also, in the mobile nav, the menu is overlapping the links at the bottom. Is there a way to have it at the top of the mobile menu?
Help is greatly appreciated. If I need to pay for this type of adjustment, please let me know. Thanks so much.