logo on mobile looks perfect now. one thing i can’t figure out is now my menu on desktop is spaced the way I want it down from the logo but is cutting into the main full width banner. how do I drop that banner down just a little?
Hey williamsmediagroupbuffalo,
Sorry for the issues you are having.
Please try the suggestions found in the post here – https://kriesi.at/support/topic/having-problems-after-updating-to-enfold-3-6-please-read-this-first/
If that does not help, could you please provide a link and login details to your site, so that we can have a closer look. You can place the information in the Private Content section of your reply.
Best regards,
Jordan
Hey TribHUN,
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:
.tab_icon:before {
font-size: 35px !important;
}
For the text not being in the center, could you temporarily remove the padding from the icons. We will try to provide a better CSS solution to center everything with the icons on top of the text.
Best regards,
Jordan
Hey Hodgie,
Sorry for the issues you are having when upgrading.
Please try the suggestions found in this post – https://kriesi.at/support/topic/having-problems-after-updating-to-enfold-3-6-please-read-this-first/
Let me know if you need further assistance.
Best regards,
Jordan
That worked, thank you! I had some code to try to make the color section at the top of each page narrower, and it was causing problems. Will start a new thread with that question.
Hello,
I have a little problem with a famous background image… i know…super famous…
If you look at the original web (attached in private), the picture It is visible only when the scroll makes it necessary (not all the time).
In addition , I need to replace the image for another, smaller one. You can help me ?
Thanks a lot and best regards
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.responsive #top .av-menu-mobile-active .av-subnav-menu > li a:before {
content: "\25BA";
}
Best regards,
Yigit
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.html_elegant-blog .more-link {
margin-bottom: 20px;
}
.modified_width .button {
width: 50%;
position: relative;
top: 50px;
}
#aboutmobile .content {
padding-top: 50px;
}
#advanced_menu_toggle, #advanced_menu_hide {
border: none !important;
}
3- Please edit your text block element and go to text tab and remove spaces and then add them once again manually. They are converted to characters at the moment – http://i.imgur.com/gc9KNLo.png and that is causing the issue.
4- Please use Grid Row element instead and choose to display cells next to each other on mobile
7- You can add your subscription box to the bottom of your posts using shortcode.
You can enable debugging mode to see shortcodes you have created in pages using Advanced Layout Builder – http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
Or, You can switch to Default Editor and click on Magic Wand to see full list of shortcodes http://i.imgur.com/n4KXkdm.jpg
then you can create any of them and copy/paste shortcode into any other content element or into text widget.
Best regards,
Yigit
Hi,
I am trying to reduce circle size of icon boxes with this Quick-CSS:
#top .iconbox.av-no-box .iconbox_icon {
width: 25px;
height: 25x;
line-height: 25px;
font-size: 20px;
}
Somehow this is not working, can you please help me there?
Thank you,
Gerke
Another thing guys, Sorry i forgot to mention. How can i make a button of the enfold slider appear on Mobile and tablets but not on desktop?
Hi,
I added following code to the top of Quick CSS field
.html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
padding-right: 13px!important;
}
Please review your website now
Best regards,
Yigit
Hey kamilkus83,
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
Best regards,
Yigit
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .av-submenu-container {
border-top: none !important;
}
#top .av-subnav-menu li a {
border: none;
color: white;
font-size: 14px;
}
Best regards,
Yigit
Hey!
Please adjust left padding value as well
.logo img { padding-top: 5px; padding-left: 10px; }
Best regards,
Yigit
Hi,
You can increase the padding-top value. You can set it to 5px for example :)
Best regards,
Yigit
the size is perfect. now how do i put a little padding between the logo and the top?
Hi,
Please refer to this link for a viable solution if your site do not work after updating the theme https://kriesi.at/support/topic/having-problems-after-updating-to-enfold-3-6-please-read-this-first/
If you still have any issue please update the theme manually and it will fix the issue.
Let us know if you have any questions.
Best regards,
Vinay
Hey jdrakeproductions,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.logo img { padding-top: 0; }
Best regards,
Yigit
hey guys any shortcode you can give me to make the logo at the top of my website a little bigger and move it a little to the left so it looks more centered with the menu button below? thanks
http://www.hopeisenough.com
Hey
I generated a Tab-page, where the Tabs are above, managed to format it in my style, but I have two problems:
– Can not change the size of the Icon (tried everything, “font-size” doesnt work for me) And also, I don’t want to change any other Icon on my page, just what is in the Tab-Page
– Can’t align the text in the center.
I want to Icons to be on top of the Text, and I managed it with some padding etc, but I cannot align the text to center, because it thinks the Icon is in front of it. (I aligned it to left, it looks like it is in the center, but it is not, especially if you take different long titles)
Can someone help me???
Hey Clay!
Replied you here – https://kriesi.at/support/topic/secondary-menu-button/
Please do not create duplicated topics as it is making it harder for us and for other users to follow.
Best regards,
Yigit
Hi guys, just solve this by adding .responsive #top #main .container_wrap:first-child to my CSS.
.responsive #top #main .container_wrap:first-child {
height: 411px !important;
background-size: 833px !important;
}
Thanks anyways. This is solved :)
-
This reply was modified 8 years, 11 months ago by
eriatarka.
I have a solid green donate button in my secondary menu (top right corner) on this page: http://www.justoneafrica.org.
I had to change the URL of the button so it required me to delete the menu item that was there and create a new one. The only thing I see had changed was the “menu-item-#”. It is currently just displaying regular text with underline hover. When I try to change the button in the menu to solid or outline, that is not working either.
Here is the custom CSS that you gave me for the original one, but now it is not working, even using the new “menu-item-5332” location:
/*———- Secondary Menu – donate button——–*/
#menu-item-5332 a {
background: #89cc0e !important;
padding: 10px 15px !important;
text-decoration: none;
color: white !important;
border-radius: 2px !important;
font-size: 14px; text-transform: uppercase;
margin-top: 10px !important;
}
The original was linked to a page on the site and this one is linked to a URL. Did something change? What am I missing?
It used to look like this: http://enfold.space/www-justoneafrica-org/
Thank you,
Clay
You are the best! Thanks a million!
I added the text (very stupidly) to get the preview blogposts (showing at the top of the homepage) to not get invisible by mouse over. Maybe there is a better way you know of?
Hi, I’m using this function I found here #417087 because I need to insert a breadcrumb shortcode in my pages. Then I have a NEWS page containing the article module which recalls a given category list of posts. Problem is that when I’m in the single post the breadcrumbs link back to the post category and not to the NEWS page. Is there a way to insert a filter for breadcrumb categories in that function? Thnx.
Actually, i take that back. The problem still exists with the primary theme activated. I may have found the problem: I used a transparent RGB color code in the header background color under “General Styling > Logo Area”. I think that transparent RGB color code destroyed the css file and caused many elements to stop working because once removed, everything works fine. I will add the transparent code in the quick CSS area instead to see if that still works.
Hello,
I have had the client try on a laptop/iPad/iPhone/Android and nothing shows.
I tried via chrome, safari, iPhone and nothing shows.
You must be mistaken.
If you login to the backend, every single page should show photos, and currently the only thing showing photos is the home page.
Please assist further. Thank you.
Hi guys,
i would like to know if its possible to set a different height and background-size value on mobile to only one Color Section on the theme.
(The Color Section is set to take 70% of the screen on desktop screens)
So far i set an id to this color section and tried this CSS code, but had no results:
@media only screen and (max-width: 767px) {
.fuumi-top {
height: 411px !important;
background-size: 833px !important;
}
Hey keifygeorge,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #review_form #respond .comment-form-rating {
position: initial;
}
Best regards,
Yigit
Hi,
Replied you here – https://kriesi.at/support/topic/slider-under-navigation/#post-648053
Let us continue there :)
Best regards,
Yigit