Hi,
I don’t see the gradient effect on your header.
I think you already fix the logo alignment. It looks horizontally aligned to me.
To increase the padding, add this on your custom.css
#after_layer_slider_1 {
margin-top: 50px;
border-top: none;
}
Regards,
Ismael
Hi,
I check it further and I can see the gap on the main div. Add this on your custom.css
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 900px) {
/* Add your Mobile Styles here */
#main {
margin-top: 0;
}
}
Regards,
Ismael
#top ul:first-child > li > a {
color: #727272;
}
#top ul:first-child > li > a:hover {
color: #63cbd9;
}
I use this on my site , just change the color values
Moving this back to the top for the third time…
If Kriesi has a fix for it or does make any changes it will be in a future update. Otherwise, your best solution is don’t use the fixed header or force it to stay at the same taller size.
But please do not create a secondary topic if Kriesi has already addressed it. In this case, if he sees a fix he’ll add it in.
Regards,
Devin
Hi guys, how do you change the submenu hover color ?
#top ul:first-child > li > a {
color: #727272;
}
#top ul:first-child > li > a:hover {
color: #63cbd9;
}
I use this code but i doesnt work on http://www.blue2x.com
I also want to change the copyright color and socket navigation color.
Thanks !
Hello,
I have a problem with Responsive Header Main Menu (Slide Out Menu). When I choose this option, at device size 768px X 1024px (ipad) it shows both desktop and mobile menu. All I did was upload the theme and Import the dummy data and choose the slide out menu. Here is the picture. http://i41.tinypic.com/15gt2y9.jpg
But if I choose the drop down menu instead I don’t have this problem. Here is a picture when I choose drop down menu at 768px X 1024px (ipad). http://i39.tinypic.com/2pq4293.jpg
Anything I can do to prevent both desktop and mobile menu showing at same time when in ipad portrait mode .
Thanks,
Sushil
Hi Devin. Thanks. I realize there are a number of requests on a daily basis. I actually have a few more posts from a day ago. Here is a similar link to the issue. https://kriesi.at/support/topic/issues-with-site-logo. It just sounded like Kriesi was working on some alternative solutions. Right now, the logo shrinks really bad to the point where you can’t read it. I will try and post some examples.
Kriesi is tagged on the topic so he can see if the same thing can be integrated in to the Fixed position option. It looks like they are just using position:fixed with 50% 50% positioning but perhaps there is something more to it.
Regards,
Devin
Hi joe88,
I’m not really sure what issue you are referring to. With a bit over 100 support requests a day we need reference for a topic and question.
Regards,
Devin
Hi jjranson,
First thing to try is disable all active plugins and dropins. Then log out of wordpress, close your browser. Then you can log back in and try it again.
If that doesn’t work, re-download the theme files from your downloads on Themeforest and re-install the theme on top of itself via FTP.
Regards,
Devin
The generic styling for buttons is different than the styling of the buttons created via shortcode, which can look strange when used together.
An example of this can be seen in my sidebar here: http://aaacampus.aaa.biz/e-learning/
The top login area uses a flat button, as well as the bottom contact form, but I used a button shortcode for the ‘join the mailing list’ section in the middle, so they don’t match.
Is there a way to create the flat style buttons via shortcode? Either that or change the flat button style universally to make all buttons have gradients/rounded corners site-wide?
Thanks,
Tom
Hi,
on http://www.musikzentrale.net i am using an 152px offset from top to achieve the fixed header along with social icons, phone number and footer navigation:
This is to have the UberMenu in position, which i am using instead of the enfold`s origin menu, since it offers some more modification methods that i want.
On mobile devices i do now face a black border on top of the main section and i do have no idea, how to get rid of it. Here is my custom.css styling the header & main:
#header {
position: fixed;
box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
}
#main {
margin-top: 152px;
}
#wrap_all {
position: absolute;
width: 100%;
z-index: 1;
}
Thanks for your help,
Cheers, Sebastian.
Hi,
Same question here !
we’d like to see a page like this, from top to bottom
slider
header logo/menu
page content
footer
this way, we could use enfold as a nice one page theme !
Thanks,
Thomas
For c : It’s fixed now and I can no longer see the error page. It must have been a bad install from the file I downloaded which is related to e.
e. I have now updated to 1.6 , downloaded main file instead of installable wordpress file. Or maybe it was because I changed my ftp program to filezilla.
e.)
I figured out you need to set it to 0px to remove the space occupied by the container.
#top .title_container .container {
min-height:0px;
}
To hide the title for pages.
h1.main-title {
display:none ;
}
Image Link..
• Ability for an Avia Builder Image block’s link to target _blank instead of opening in the same window.
Any link anywhere should IMO always allow for target choice..
Easy Slider
• Ability to show image caption and/or title..
• Touch (like RoyalSlider).
Avia Layout Sidebar
• Look like regular sidebar styling-wise.. I use them only because they remain visible in mobile-mode, but don’t like the look so much.. The regular ones look better to me.
Filtering Portfolio Menu
• Bigger, maybe in boxes piling up one on top of the other like a menu.. the way it is now you need tiny little fingers to access on mobile/tablet..
Portfolio Grid
• Ability to choose if the title box of the image (with the little triangle pointing up into the image) “eats away” at the original image or is aligned below the image without cropping it at all so as to respect its proportions.. The way it is set up no it crops the image both at top and bottom (for example here my images that are originally squares get cropped top and bottom http://www.lamuseboutique.com/be-inspired/).
• More “organic” alignement to allow various heights for grid elements an not look so square/rigid (as seen here: http://www.uiueux.com/wp/webzine/). I also like how there is space between the elements in that theme… would be very nice to be able to add a few pixels of space as one wishes.
Hi,
I test this on my end. It might work.
#top #main .sidebar {
overflow: visible;
width: 268px;
}
#top #main .sidebar_left .sidebar {
border-right-style: solid;
border-right-width: 2px;
border-left: none;
}
#top .widgettitle {
margin-left: -50px;
padding-left: 50px;
}
Regards,
Ismel
Hi guys, sorry if I keep asking here I’m having a hard time with enfold.
For the header portion, please see this image
http://sta.sh/01os9n1xo9t4
and my current site now is http://www.blue2x.com
a. Header – Currently I’m using a background color for the header. I want a background image that repeats just like the image in my stash. The height is 100px but I can adjust it if someone here can recommend what is the ideal height for a gradient header background image ? I have tried in the enfold menu but the there’s a portion that repeats vertically so I’m guessing I need to either increase the height of the header background image or decrease the size of the header height ?
b. Logo – I’m having a hard time uploading the logo correctly. It says I need to upload a 200 x 100 logo but when I do, it shrinks the logo. What is the ideal logo size especially if the logo is a transparent png like mine ? As of now this is the logo size I wanted but I want to be sure this is flexible in different browsers.
I added this
strong.logo {
margin-top:20px ;
}
c.) On mobile, I can’t view the portfolio item I have created but in my mac it works fine. In io6 or android chrome it shows a 404 error page.
d.) The latest enfold version is 1.6 right ? I have downloaded it in themeforest and uploaded via ftp ( cyberduck ) and it’s pretty sluggish. When I check the version its still 1.5.1 ? Any thoughts on this ?
e.) How do you hide the titles for the pages , I have hidden the breadcrums for you are now here etc. But the page title underneath the logo still shows up.
Hi!
please post a link to your website – I just checked the demo page http://kriesi.at/themes/enfold/ and the scroll to top button works on all devices (tested on desktop and Android 4.1 phone).
Regards,
Peter
Hi,
The scroll to top button is not visible in mobile/tablet view. Please help its urgent.
Hi,
I think this is part of the design , this look. But to have all the images large and equal , please add this to your custom.css. I tested it on your page and it works fine.
@media only screen and (max-width:767px) {
.responsive #top.home .slide-entry {
width:inherit;
margin-left:0px;
}
#top.home .avia-content-slider .slide-entry-wrap,.responsive #top.home .flex_column {
margin-bottom:0px;
}
#top.home .avia-align-center.avia_image.avia-builder-el-no-sibling {
margin-bottom:1.85em;
}
#top.home .avia-content-slider .slide-entry-title {
line-height: 3.5em;
}
}
There is uneven space around the car make/model with some having more space than others, so that is reason for extra css, to equalize them all.
http://www.clipular.com/c?6161783421140992=uVyy_U2vzgk9GcZkcI2WtAKKQ1g&f=.png
Thanks,
Nick
Hi Katharina,
Please try this css in your /css/custom.css or in Quick Css:
@media only screen and (max-width: 767px) {
#top .social_bookmarks {
margin: 0 0 0 0px;
}}
If thats now good, change the 0px to 5px.
Thanks,
Nick
Thank you , that did work. I will try to get you those screen shots.
John
Hi,
I have the same problem as here: https://kriesi.at/support/topic/cant-stop-contents-loading-in-advanced-layout-editor (my screen looks exactly the same as this)
Didn’t want to hijack that persons thread.
Avia is stuck on “loading” and I can’t click any elements on the entire page except for “update” “preview changes” and admin menu items. Buttons like “Screen options” dont work and I can’t switch back to default editor either.
Plugins used: Askimet
bbPress
Custom Meta Widget
Google Analytics Dashboard for WP
Jetpack
Social Connect and
Use Google Libraries
Hi,
Here are instructions on how to add any social media glyph available on fontello.com to the theme. The instructions are specific for youtube glyph, but if you substitute some-other-social-glyph for youtube it will work as well. https://kriesi.at/support/topic/youtube-icon#post-117381
Thanks,
Nick
Hi,
If you need to add the youtube glyph, or any missing social media glyph , here are the instructions for youtube, and you can use them for any other missing social media as well. https://kriesi.at/support/topic/youtube-icon#post-117381
Thanks,
Nick