Hi
I have recently adjusted the logo size to be bigger when viewed on a desktop, it is not however too big on mobile. How can I make it fit in mobile without changing the desktop size back again?
Here is my site on desktop: http://tinyurl.com/pq4epw6
Here’s how it looks on phone: http://tinyurl.com/puk3ht8
Regards,
Rob
The question was raised already here (https://kriesi.at/support/topic/gravity-forms-not-working-with-layout-editor/) but there was no final answer and it´s closed now. So I´m posting the issue again.
The form appears on the page, once you hit submit the button disappears and nothing happens, no JS error, no PHP error, and if I put the form on a page without the layout editor it works perfectly.
Any solutions? I’m running the last version of GF 1.7.11 and version 2.1 of the enfold theme.
The site is under development and closed to the public but you can use this link: http://www.eoswiss-engineering.ch/test/ and navigate to the “Contact” page from the main menu.
I also figured out that the Gravity Forms “Add Form” button is not visible in the advanced editor. When I add a Text Block this button is missing. Of course I can do a little workaround by switching to the default editor, add the form, copy the form shortcode, go back to advanced editor and paste the shortcode into the text block element.
But it would be much nicer if Enfold would support Gravity Forms right from the advanced editor.
Hi Josue,
Thanks – sure did the trick.
Starting to feel greedy, but two more things.
I managed to chance the opacity of the footer myself but can you help me out with the code for the menu header and little bar at the top of the site.
I got the opacity of the menu/header to change but it also made the logo transparent.
And secondly – the bodybackground of other pages didn’t change (see: http://www.voorjou.info/voorjounieuw/privace/) any way i can get that to be transparant as well?
Regards,
Jeroen
This reply has been marked as private.
This reply has been marked as private.
Well, the feature I am asking about is pre-built into your template and it works as described. But unfortunately if selecting a Template attribute of Blank – No Header, no Footer, the entire page background turns white when using a “boxed” layout. For example, using Boxed Grunge, the entire grunge background disappears and the underlying page color behind that BG image is now white. Hard coding custom edits to the css changes nothing either. Manually adding the background properties to HTML.html_boxed does not affect the page. And of course any edits to the BODY CSS property will not be recognized because your template outputs the following <html lang="en-US" class=" html_boxed responsive "> just after the DOC type declaration.
Is this intended or a bug?
It is easy to replicate and check on your end with your default installation of data. Which is what we are working with. Two clicks and you’ll see the bug that I’m talking about. Select Blank as the page layout in the Dashboard Page Editor on your default Portfolio page here –> Home v5: Portfolio Style
You’ll see quickly for yourself that the background turns white under a Boxed Grunge layout. Poof it’s gone. I haven’t tried on a full page layout, Only Boxed Grunge and Boxed Blue Styling. Same results and errors for Boxed Blue & Grunge.
Screenshot to follow.
-
This reply was modified 12 years, 3 months ago by
websitegurus.
There is something I can’t figure out. Main goal is making the Fullscreen Slider “100% minus 100px in height, instead of 100% height of the screen so you will see some of the content at the bottom.
In the code below you’ll see a height of 836px, which is auto updated when I rescale the browser window. Changing the code manually with Chome > inspect element to the height -100px does the job.
I think I need to edit a piece of JS, but can’t find out what I should edit.
Please, advice. Thanks!
<div data-size="no scaling" data-animation="slide" data-ids="3196" data-autoplay="false" data-bg_slider="true" data-slide_height="100" data-handle="av_fullscreen" data-interval="5" data-class=" " data-css_id="fullscreen_slider_0" data-stretch="" data-lightbox_size="large" class="avia-slideshow avia-slideshow-1 avia-slideshow-no scaling av_fullscreen avia-slide-slider " itemscope="itemscope" itemtype="http://schema.org/ImageObject" style="height: 836px;">
I do not find an option to search the support forum just for topics related to enfold theme? What i use now is the button on the top right.
I find this very confusing. Am i mising something?
Kind Regards,
Simon
Hello Easy123!
1) Please see https://kriesi.at/support/topic/make-excerpt-shorter/#post-172121
2) You can change the blog layout on the option page (Enfold > General Settings > Blog Style). It will affect the blog page and archive pages. The search page and the author pages do not support the blog grid layout at the moment though.
3) The search page displays the “Displayed Everywhere” widgets. You can add a widget to this widget area to remove the dummy widgets on the search page too or (if you don’t want to add a widget to the “Displayed Everywhere” area open up sidebar.php and delete
if ($default_sidebar)
{
avia_dummy_widget(2);
avia_dummy_widget(3);
avia_dummy_widget(4);
}
Regards,
Peter
Ismael, thanks for the prompt and helpful reply!
I tried what you suggested at this mockup website:
http://wp.atrico.com.au
The smooth scrolling works, but I’m having a few problems:
1) When I manually scroll to a section, the section’s navigation menu item is not highlighted. This is the case even if the menu contains only hashtag labeled sections.
2) If I add links to another page in the top menu, the “Section 1” menu item remains highlighted all the time. I did a search and found it might be related to the same problem discussed here.
thanks,
kheong
Hello!
You can add this on your custom.css or Quick CSS:
.sub-menu .av_font_icon {
position: relative;
margin-top: 5px;
}
Cheers!
Ismael
The buttons that we place onto our pages have somehow lost their styling. I don’t know what has caused this. I just reset the styling of our theme back to the default splash blue and removed all custom CSS quick styles as well.
This still shows the buttons as being unstyled or not completely styled.
You can take a look on this page here:
http://mastccs.org/student-life/cafeteria/
The buttons right at the top of the page show the issue.
Thanks!
Hi!
Can you please give us a link to this page? http://holidaymarketing.de/?attachment_id=2635
This will move the content upwards:
#main {
margin-top: -20px;
}
Cheers!
Ismael
Theme: Enfold
We want to remove the entire top menu navigation and logo area on selected pages. Not all pages, just a few.
We want to use the query string in the URI rather than changing a global setting using CSS so that it doesn’t affect all pages and
we can control which pages have the top nav menu area.
Q1. So, how do we remove the entire top navigation and logo from selected pages using an IF/Else loop in the functions file of a Child Theme?
We prefer to do this server side rather than javascript due to reliability reasons for browsers using a PHP header request of
$_SERVER[‘HTTP_HOST’]
Basically this in a nutshell:
If
pageid=XXXX
// remove nav id
Else
//show id
I assume this is not already built into the backend of Enfold or Worldpress. If so, please share link to a reliable plugin, or specific code in your template.
We are not asking for exact code to remove a specific page id at this point. We need a general framework for the function and
we will be able to manipulate it from there. We are competent PHP coders.
We do not have a online link to share because we are testing your template on Localhost using Xampp.
Thanks.
Hello!
No, not that I know of. It would be set by the uploaded video file. You could overwrite it with css via something like:
#top .mejs-poster.mejs-layer {
background: red;
background-image: none !important;
}
#top .mejs-poster.mejs-layer img {
display: none;
}
Then alter the values to suit. If you need to make it only effect that item you could wrap the video element in a specific custom css class or make it specific to the page. The best solution however would just be to get the image Ismael referenced back online.
Regards,
Devin
Hey!
In the top right of that menus manager area select Screen Options and you can then check the boxes for the other items to show up so you can select them.
Cheers!
Devin
Hi!
You can use this:
.archive .main_menu div ul li {
display: none;
}
Move this bit of code at the very bottom:
#top #menu-item-search {
display: block !important;
}
Regards,
Ismael
Hello,
http://www.coronatolive.com
When I run firefox initially having cleared the cache before the logo image leaves very little and from there ok.
In safari and chrome sometimes appears and sometimes not.
In explorer always work well.
What’s the problem?
I have the following quick changes in the css:
.logo { top: 10px; padding: 10px; position:relative; height: 200px; line-height: 200px; }
#header_main { background-color: #600319; border-width: 0px;}
#header_meta {
border-top: medium none;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2) inset;
min-height: 30px;
z-index: 400;
}
without these changes work properly, what happens is that the logo I want to have bigger and that part of the header and subheader (where the breadcrumb) have a background color.
Thanks!!!
Xavier.
Hi,
Actually, this is the error that I’m getting:
http://i.imgur.com/IBb7eWq.png
When I check the box for Enfold main menu and save the changes on the menu page. The setting does not stay. The check box reverts back to the uncheck state and nothing changes.
Currently, our menu on our site is actually all of our top level parent pages.
Thanks!
Phil
Hi,
I still need an answer for one of my questions on how to change the header top bar text link color and hover color. The color for the links in top header bar needs to different than the main header text color.
Thx,
Seth
Hey e-conomy!
In general this is not what we help with via support. If you are unsure about how to do that you can see this topic in the WordPress codex: http://codex.wordpress.org/Moving_WordPress
And use a plugin like this to extract your database: WP MIGRATE DB
Cheers!
Devin
Hello!
Please add following code to Quick CSS
#top .variations td.label { background-color: #222222; color: white; }
Cheers!
Yigit
Hi!
Please add following code as well
.title_container .breadcrumb { right: auto;
top: 80%;
margin-top: -15px;
left: -3px;
}
#top .title_container .container { min-height: 70px; }
Regards,
Yigit
HI!
1.My Footer Socket don´t show up on the latest Version on mobile devices…
i found:
https://kriesi.at/support/topic/footer-menu-not-visible-in-iphone-portrait-view/
and
https://kriesi.at/support/topic/footer-menu-in-socket-not-showing-in-responsive-view-smartphone/
Wich solution is now the right one?
2. Interesting:
“I believe it was intended not to display on mobile for a better user experience as there is already a responsive menu…”
Most of us set the privacy and other important site links to the right part of the bottom! Wich user experience – when mobile users cant see the menu….
I think there is a error in reasoning…
thank you so much and best regards
Hello!
Please add following code as well
.fixed_header #main {
padding-top: 44px;
}
Regards,
Yigit
Works fine – thanks!! but see this pic of it: http://imgur.com/UN2eIDq
Can’t figure out why the lower dropdown has the black running all the way behind it and the top one looks more “correct”. Any ideas?
Hi,
I made another topic about this subject but it was not resolved and I found out it’s closed now so I start this new one.
I have a big problem because my post show comments number when there are none. Please look a t the picture in the link above:
https://www.dropbox.com/s/93lcql167ry466c/Accueil_-_wordpress_et_webdesign_par_Christelle_Bourgeois.jpeg
You told me it was due to wp-rocket plugin but after I investigated and disabled the plugin it appears it’s not coming from it.
Can you solve this problem please? It’s very annoying and bad for readers to go on my site , think there are comments on an article and find out there are none.
Kind regards,
Chrys