Hi!
You can set top margin to negative values as well. You can try that or if you do not mind, post login credentials here privately so we can look into it
Cheers!
Yigit
Hey!
Please edit your column and check “Custom top and bottom margin” then adjust top margin as needed – http://i.imgur.com/6g8P2Z9.png
Regards,
Yigit
Hi,
I’ve tried everything but no matter what I can’t get the logo at the top left of the menu to resize properly on iPad view. It’s as if something is overruling the media queries. No matter what I do the logo will not resize at all in landscape or portrait view.
I would like to reduce the menu text and the space between the items on iPad view as well.
Any help very welcome.
Thanks.
J.
Hey!
You do seem to have an empty content right below horizontal ruler. If you would like to decrease the space even further, please edit “video” column and set top margin to zero
Cheers!
Yigit
Hi
When i load up my page (see below) this isn’t the home page and i cannot get the site to use /home as the home page, this is also the same when clicking the logo in the top left hand corner? If you can help it’d be much appreciated.
Many thanks
Richard
Hey!
I replied you here – https://kriesi.at/support/topic/multilingual-press-icons-in-header/#post-568979
Please try to avoid creating duplicate topics as it is making it harder for us and for other users to follow :)
I am closing this one for now, let us continue on your other thread :)
Regards,
Yigit
Hi Charlotte!
Please add following code to Quick CSS
.logo {
display: none!important;
}
.html_header_sidebar #header .av-main-nav > li {
margin: 0;
}
.html_header_sidebar #top #header, .html_header_sidebar #header .av-main-nav, .html_header_sidebar #header .av-main-nav-wrap {
width: 80px;
}
.html_header_sidebar #header .container {
width: 80px;
float: left;
max-width: 80px;
margin: 0;
padding: 0;
}
.html_header_left #main {
margin-left: 80px;
}
#top #header .av-main-nav > li > a {
border: none;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Cheers!
Yigit
hi every time I try and attach images in the portfolio section on my site on button click the page just jumps to the top and nothing happens?
Than look please on my first topic and help me :)
-
This reply was modified 10 years, 3 months ago by
holzpaul.
Can you let me know the code necessary to remove the square scroll top button from showing? I followed the CSS solution described in this thread: https://kriesi.at/support/topic/enfold-remove-scroll-top-button/#post-189106. It removed the scroll to top button, but also changed the appearance of the footer on our website – http://rightideacreative.com. Is there another way to remove this button without the layout issues?
Hi, Im trying to change the button text size in the screenshoted section of my site.
I followed this thread but it only changed the top slider buttons… which I like
How do I changed the buttons in this section text size?
Thank you Elliott, I understand. All of your suggestions have been great!
Unfortunately this page is still appearing buggy after the code block was added. I am attaching images below of the two sections that are appearing now. Are these two sections appearing because of the sidebar setting and code block perhaps?
I read the enfold documentation for this and I’m trying to better understand the single author small blog style with the image on the left and title on the right. Since the single author small blog style requires a sidebar if the page is fullwidth layout, what CSS inside a codeblock element can I use that will hide the sidebar in order for the single author small blog style to appear with the feature image on left and title on the right ANYWHERE on that page? I was trying the ones you had sent before but without success.
Thank you!!
I’ll go ahead and try to incorporate the single author small blog style to the top section
Hi,
You will find to others videos showing the bug on an Acer laptop using Windows 7.
The first one with IE, second with Chrome..
How can I help you to fix this bug ?( logs,…)
let me know
It has stopped displaying again.
I’m not using a caching plugin.
What else could be causing this?
Thanks!
Hi
I have tried the following code in the Quick CSS:
.template-blog .post-title {
font-size: 12px;
font-color: black;
padding: 5px;
max-width: 800px;
margin:-20 auto;
}
.template-blog p {
font-size: 12px;
line-height: 1em;
color: #ffffff;
font-weight: normal;
or this
#top .fullsize .template-blog .post-title {
text-align: center;
font-size: 30px;
font-color: black;
padding: 15px 0;
max-width: 800px;
margin: 0 auto;
}
The font size changes but nothing changes on the Title. My goal is to place the blog using the blog post in the advance editor and place it in the small orange left box on the home page of https://wafw.org
I need to shrink everything down to look right in this small area. What CSS code should I place in the Quick CSS section?
Thanks for any help you can offer.
Ron
Hi karimmmerchant!
Please upload your logo in fullwidth and then add following code to Quick CSS
.html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
Best regards,
Yigit
Unfortunately not. It does turn blue, but the dark, semi-transparent overlay is still there, making it a darker blue. I’m looking for it to be a lighter blue. Interestingly, on my desktop computer you can see the lighter color at the edges that I’m looking for. Here’s a screenshot: 
Well I’ve tried applying a media query to force backgrounds to scroll below a viewport width:
@media only screen and (max-width: 768px) {
.avia-bg-style-fixed, avia-bg-style-parallax {
background-attachment: scroll !important;}}
While this behaves as expected on the desktop it seems to be being ignored on IE Mobile / Windows Phone and the bug persists.
It would be really great to get some sort of update from the Enfold team – or indeed any sort of response to this request – even just sharing a clue or two as to possible reasons for the bug that I can work on or pay a Windows Phone dev to try and resolve.
At the end of the day, having trialed everything from X theme to stand alone page builders, I keep coming back to Enfold as it really is the best of the bunch in so many ways.
But my clients are businesses with a B2B audience and Windows Phone has a 25% enterprise market share in the UK and other EU countries so I can’t simply ignore it, quote minuscule global consumer penetration stats, or advise them to get an iPhone.
Any response greatly appreciated. Many Thanks.
Hey there,
Thanks for the help so far.
The code does work on its own- however its interfering with another block of CSS im using. Here is the both codes.
Once i delete the top one your code does work but I would like both to work simultaneously.
Please advise.
/*trigger the Logo center, menu below header option once the screen width hits a certain width*/
@media only screen and (max-width: 1150px) {
.logo {
left: 34%;
}
nav.main_menu {
display: block !important;
top: 59px;
}
}}
/*Mobile Header Identical To Desktop*/
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
background-color: transparent;
position: absolute!important;
}}
Hi when you are viewing my site on mobile device the “Phone Number or small info text” changes to black instead of white like it is on the desktop site.
I cant seem to find how to edit the CSS on mobile stuff on firebug, is there a tutorial on how to find the CSS for the responsive CSS code?
Hi,
Love the theme but bit stuck on one issue. I would like to place a logo at the top of the header that is full width ( 1200 px ) x 100 px. I tried to set the logo as a background image in the header … which looks good on a laptop but it does not shrink with the screen size.
I also tried the following quick css:
.logo img {
height: 100px;
width: 1200px;
}
and that did not work either…
Do you have any suggestions ?
Thank You very much.
Hey!
We are showing Enfold showcase thread – https://kriesi.at/support/topic/enfold-showcase/page/29/ to novice users to show them what they can do without having any coding knowledge as most website there were made using only Enfold elements. Also, every demo seen here – http://kriesi.at/themedemo/?theme=enfold-overview are made using Enfold elements. So actually there are no limitation especially for novice users and experienced ones can always add additional features.
Also, when you purchase a license for your clients, you can give them purchase codes so they can register to our forum and ask small customization questions and we will gladly help them.
I hope that answer was helpful. If you have any other questions, please feel free to ask them as well
Best regards,
Yigit
Hi Vinay,
Thanks for the explanation. I’m using a child theme, so, will it be possible to break it free from it’s exciting container and place it inside the thumbnail container as you suggest ? The other option is a great alternative but if it’s possible i would really like to have it in the top corner.
Regards!
Hi!
To move this price tag on top and to make it look good on any size product you will have to break it free from it’s exciting container and place it inside the thumbnail container and this can only be done using a child theme. all tho an easier alternative would be to display the price on the bottom right of the product images. That way we can move it up same distance on all products and it will show up correctly on any size product in any size screen… Please check the site now and Let us know…
Regards,
Vinay
-
This reply was modified 10 years, 3 months ago by
Vinay.
Hello
I urgently need help with this. The images in my layer slider used to show fine… but when i went to my site today, all of them are missing?
Please see the link in the private box below – please let me know how this can be fixed and why it happened to prevent it happening in future? I have tried both firefox and chrome on my pc and also tried another PC and the images in the slideshow are not working.
I notice when i look at firebug, for example it is putting https:// at the beginning of the images that are broken so the secure https:// is breaking the images in the slideshow – i tried to re-implement them through the wordpress admin but makes no difference. How can i stop the images int he slideshow starting with https:// and just start witih http:// so that they work?
Thanks
R
Hey!
We are working on your issue please stick around we will update the results here soon.
This effect can be easily re-created in Enfolds Advanced Layout Builder.
Goto Edit Page > Advanced Layout Builder > Content Elements > Color Section
In color section edit options select height 100%
Insert a text box and add your logo in it.
Disable sidebar and footer.
or use the below short code
[av_section min_height='100' min_height_px='500px' padding='small' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='#000000' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
[av_image src='http://localhost/_proj/enfold/wp-content/uploads/2016/01/Avalanche-BW1.jpg' attachment='2975' attachment_size='full' align='center' styling='' hover='av-hover-grow' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='fade-in'][/av_image]
[/av_section]
Add an extra textbox and write your custom code for email icon.
Once you get this far please get back to us with your admin login info in a private message so if you have any issue we can help you with it.
Cheers!
Vinay
-
This reply was modified 10 years, 3 months ago by
Vinay.
Hello Vinay and Rikard,
Thanks for all the help! I can see the picture renders perfect now.
We will test it again sometimes and also ask the client.
For now you can close this topic!
Thanks again!
Greets Jeen
Hi Benoit!
Please add following code to Quick CSS as well
@media only screen and (max-width: 769px) {
#top .main_color .price {
top: -130px;
}}
Regards,
Yigit