Hey
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: 1024px) and (min-width: 768px) {
#advanced_menu_toggle, #advanced_menu_hide { top: 15%; }}
Best regards,
Yigit
Hi Andy,
My mistake, the second code snippet relates to the product category description area. So the errors generated from this relate to this.
Here’s the ticket link: https://kriesi.at/support/topic/product-category-pages-full-width-page-banner-and-description/#post-559611
Thanks
Lyse
Hi,
refer to posts like: https://kriesi.at/support/topic/enfold-theme-shortcode-to-layerslider-hover-effect-layerslider/#post-169187
Can you provide us the shortcode you want to use? admin access would helpful as well.
Best regards,
Andy
Hey djhal3,
I can’t see what you mean, looks like this on iPad screen size: http://i.imgur.com/FJryzqh.png
So pretty much like on desktop for me. Can you provide us some screenshots please?
Don’t forget to clear browser cache and hard refresh a few times.
Best regards,
Andy
Thanks – I can’t take a screenshot – it is an ajax dropdown…it disappears when I try to do a screenshot. It is simple what I am asking. Go to the new link I have provided. Add something to the cart. Next, at the top right where the cart icon is, Mouse over and you will see the cart dropdown has a blue background. I want the whole dropdown background white (solid, not transparent) and the text a slate color. I do not want to change ANY other menu/link attributes besides the cart dropdown. Thank you!
Hey lucky19,
refer to:
https://kriesi.at/support/topic/can-i-customize-the-helper-main-menu-php-under-child-theme/#post-283681
We can’t provide support for 3rd party plugins as written inside our support policy. So you need to this by yourself or hire a freelance developer if you’re not familiar with php coding.
Best regards,
Andy
Hey!
Please add following code to Quick CSS as well
.responsive #top .cart_dropdown { display: none !important; }
Cheers!
Yigit
Hi,
use this code inside Quick CSS field:
#footer .flex_column section:first-of-type {
margin-top: 0px;
}
Best regards,
Andy
Hi,
I’ve got brand new site on Enfold Child. After installing WPML there is something wrong with pages build of Grid Row element.
Please visit this page:
http://integence.pl/aplikacje-ar-vr/
and after that switch to EN (top of the left sidebar)
http://integence.pl/en/ar-vr-applications/
You’ll notice that below first Grid Row the content is under the left sidebar menu and the title fonts are smaller.
I use custom style.css for better scaling mobile/iPad/desktop. There is proper css file (enfold_child_en) in Dynamic_avia folder.
Any help would be appreciated.
-
This topic was modified 8 years, 10 months ago by
integence.
Hi!
I have a few problems with my mobile menu.
1) I’d like to change the icons for custom ones, and I’d like to get rid of the white border sorrounding them.
2) I’d like to reduce the space left when I open the menu as seen in the pictures below. The bottom space could be left transparent and the top space could be reduced so the text can go up a little bit.
3) I’d like to delete the icons next to the next as seen in the pictures.
4) The menu is buggy when I try to open it after scrolling down. It goes back to the top of the page and then opens after a bit.
5) The menu right now doesn’t “occupy space” — I mean that the header overlaps with top of the pages, but only on mobiles. Check the page “Updates”, for example, on mobile and desktop.
Thank you a lot! Love Enfold, and most of all its support <3
Manel
The link to my page was in the private data section of the support ticket, but here it is again:
My site is restricted to subscribers so I’ve created a temporary admin user/password for you – see private content
I think these are the links to support tickets that I’ve tried:
1. https://kriesi.at/support/topic/show-parent-page-above-nested-subpages-in-sidebar-navigation/
2. https://kriesi.at/support/topic/add-titles-to-sidebar-navigation/
Hello, how can i disable enfold language switcher on the top menu and work only with the wpml language switcher?
Thank you,
Hi, I would need to remove top and bottom slider area lines, as showed in the scrrenshot.
I´ve tried to do this by leaving border colors in theme options to cero, but that eliminates border lines in other zones too.
I´ve succeeded to removing top line, but not bottom one.
Could you give me a css code to do this?
Thank you!
-
This topic was modified 8 years, 10 months ago by
cipriana.
Hi
We would like to change the space between 2 pictures in the same line https://www.staging3.atcarolines.ch/. the space on top and bottom are ok but not in the same realtionsship if we have 2 pictures on the same line: https://www.staging3.atcarolines.ch/
I hope you can help me.
All the best,
Pascal
Hey studio3enfold,
Try to add this css code in QUick CSS (located in Enfold > General Styling):
@media only screen and (max-width:767px) {
.responsive #top .cart_dropdown {
display: none !important;
}
}
Let us know if this helps.
Best regards,
Nikko
sorry, the Original code doesn’t have <br />
<style type="text/css">
.hide-title-iconbox h3.iconbox_content_title{display:none;}
#top .hide-title-iconbox .iconbox.av-no-box .iconbox_icon{margin: 0 auto ;}
.entry-content-wrapper li{padding: 10px 0;}
.av-special-heading{margin-top: 10px;}
.height-title h3{line-height:40px;}
#top .av-flex-placeholder{width: 2%;}
</style>
hi,
we are experiencing a weird situation here..
whenever we try to save a code block, it adds some html code (<p>, </br>) itself and it breaks the layout.
ex.
Original Code ------------------
<style type="text/css">
.hide-title-iconbox h3.iconbox_content_title{display:none;}
#top .hide-title-iconbox .iconbox.av-no-box .iconbox_icon{margin: 0 auto ;}<br />
.entry-content-wrapper li{padding: 10px 0;}
.av-special-heading{margin-top: 10px;}
.height-title h3{line-height:40px;}
#top .av-flex-placeholder{width: 2%;}
</style>
After Save -----------------
<style type="text/css">
.hide-title-iconbox h3.iconbox_content_title{display:none;}<br />
#top .hide-title-iconbox .iconbox.av-no-box .iconbox_icon{margin: 0 auto ;}<br />
.entry-content-wrapper li{padding: 10px 0;}<br />
.av-special-heading{margin-top: 10px;}<br />
.height-title h3{line-height:40px;}</p>
<p>#top .av-flex-placeholder{width: 2%;}</p>
</style>
Could you help? Thank you.
I tried adding the following to style.css but it doesn’t update the mobile caption. I tried in quick css too.
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
.slideshow_align_caption {
vertical-align: top !important;
}
Hi,
Glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi Andy,
Thanks for your response. Forgot to mention that I already tried this one ( and h2 .titlefrontpage also) without any luck.
Even more strange:
This doesn’t work:
.titlefrontpage {font-size:18px!important; text-transform: none!important; margin-top:10px!important; margin-bottom:0!important; color:#473c8e!important}
But this combination does:
h2.titlefrontpage {}
.titlefrontpage {font-size:18px!important; text-transform: none!important; margin-top:10px!important; margin-bottom:0!important; color:#473c8e!important}
Regards,
Steven
-
This reply was modified 8 years, 10 months ago by
steviger.
Hey!
I think you are using an old version of enfold or you have set up the menu in a different way. Please update to the latest version 3.8.5 and your code for the page should be as below:
/* One page dots navigation */
.page-id-140 .avia-menu {
position:fixed;
max-width:0px;
height:auto!important;
right:50px;
top:50%;
transform:translateY(-50%);
}
.page-id-140 .avia-menu .menu-item {
max-width: 25px;
max-height:25px;
border-radius:25px;
margin:10px;
overflow:hidden;
}
.page-id-140 .avia-menu .avia-menu-text {
display:none;
}
If you still have any issue please provide us the admin login details so we can login and take a closer look.
Regards,
Vinay
Hi Vinay,
You were looking at a screenshot from the desktop version. I would like the menu below the centered logo on only mobile phones.
Do you have a solution for that?
Thanks!
Godert
Hi Peter,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
.page-id-591 .avia-builder-el-0 .container {
padding-top: 0 !important;
}
Best regards,
Rikard
Hi,
Glad we could help :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi Dimitri,
Glad you got it working, please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi Dimitri,
Great, glad we could help and thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
Glad you got it working and thanks for sharing, much appreciated :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
the original shop page shows products only, I added an woocommerce product category widget in the sidebar position, but later I delete it.
then the shop page looks weird afterwards.
It shows the shop category(Feature and mother categories) at the top firstly and then products.
when you click the mother categories, then it shows many child categories firstly and then products again
(laptop and mobile)
in short words, it looks really ugly… (below is the category view)
https://drive.google.com/file/d/0B6L9QZ3Td5YjUUNfMExtUGk3VjQ/view?usp=sharing
I think shows the category at the top is OK, so I hope to make below amended
( or maybe make it back to normal firstly and then make amends)
1. don’t show the numbers of products
2. what if I want to show the texts of categories at the top + product of Featured and products of Hot/new only
3. how to set numbers of display products at one page ( default is 16 items per page,Max 48 per page) , I want to display more.