Hi,
Ok here is the problem. You have this line in a file IE10 is telling me called enfold.css , this is how the css block looks
.content , #top .fullwidth . content.template-blog {
width:829px !important;
}
you need to get that !important out of there, since its blocking other css for the correct size, instead put the above block in a media query for whatever size the width is supposed to be 829px. , But for the main monitor screen size the width is supposed to be 1030px (which is already in the code but the !important statement overrides it (so you need to (a) remove !important from the block above, and see what happens. Check lower screen sizes since at some point when that 829 what needed, you may see a new problem , and thats when you need to make a new css block just like the one above and put it in a media query for that screen size which has the problem.)
thanks,
Nick
Will the above code modifications move the sidebar to the top ONLY on mobile devices? I don’t want to move it on desktop or tablet sizes, but unless I am missing something, it looks like the code would move it on all screen sizes.
You closed the topic even it was not resolved ))
My issue is the images like this with the kitchen and tablet. Here http://kriesi.at/themes/enfold/homepage/home-v7-one-page-portfolio/
They are not being resized in responsive resolutions. Instead they are just hiding the right overflow,
And this is ruining the img an the design.
I believe I am not the first one who ask about this, but I can’t find any.
Do you agree this is not ideal, when the sliders are responsive perfectly, but not those.
I really need a solution.
My solution wasn’t ideal for me it just better than cut the image.
Wait for your solution.
P.s. I am sorry my english is not perfect, if I did not explained the issue good anough then tell me ))
Hi there
Can anyone tell me how to reduce the horizontal gap between my elements?
If you view my homepage http://www.bespokeanything.me.uk then you can see there is a large gap between the ‘Collections’ photos (which is inside a colour element) and the top of the newsletter widget.
Thanks in advance!
Hi,
1.) I tested this on my end and the link saves properly. Do you have any other plugins installed? Please try to deactivate them.
2.) Adding your own social icons is a bit complicated right now. Please refer to this link: https://kriesi.at/support/topic/youtube-icon
Regards,
Ismael
Hey,
You can use this on your custom.css or Quick CSS to remove the arrows on mobile device:
@media only screen and (max-width: 767px) {
.avia-slideshow .avia-slideshow-arrows.avia-slideshow-controls {
display: none !important;
}
}
For desktop, you can use this:
.avia-slideshow .avia-slideshow-arrows.avia-slideshow-controls {
display: none !important;
}
Regards,
Ismael
Hey,
You can use this:
.content {
border: none;
}
#top #main .sidebar {
border: none;
}
Regards,
Ismael
If anyone else has issues with the LayerSlider just make a new topic and describe the issues with a link to your site.
There have been 3 different issues in this topic alone so I don’t want to have any more accidentally piled in and have the differences confused or overlapped :)
Regards,
Devin
Hi mrkuji,
Please re-post which page you are having issues with. This topic is a bit too long to follow and figure out where you were and what the issue still is.
Regards,
Devin
As far as I know none of the support crew has worked with Genesis. As for the Avia Framework its not really ready to be on its own. The themes are all based on various versions of it but it hasn’t been packaged into a portable version that other themes could be built on.
Whereas Genesis has a whole range of themes built on top of it from what the literature reads.
Hi Sebastian,
This is a good primer on what responsive design is and how it works: http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
CSS and Javascript are used with the theme do do various effects but the majority of the responsive changes are done with css. To adjust anything you would create and add new css to the custom.css file and you can use the pre-set media queries as models.
For #3, it sounds like the menu width is just a bit too large for the layout. You can either decrease the spacing of the items, the amount of menu items or change the size the menu adjusts to the responsive menu following this post: https://kriesi.at/support/topic/top-menu-with-the-social-icons-bigger?replies=5#post-132320
#4, I can’t really say but most likely the theme is not adjusting anything with the uber menu so you would need to make responsive changes to it directly.
Regards,
Devin
Hi
I have the menu set as header with social icons and extra navigation. I need to know how to
1. change the upper navigation to make it different
2. Take out the second nav bar and only have the one at the very top; also how to change that color while keeping the social icons. Everything should justify right and should also have the search bar. and
3. how to take all the additional pages out of the footer, put in social icons, and have the additional navigation and tags column as in the demo.
Thanks
Found temporarly solution, until you find a permanent and ideal one.
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 989px) {
#top #av_section_2 { background-attachment: scroll !important; }
}
Just make it scroll under desktop resolution.
What do you think about it?
I just afraid it will make trouble in future with another elements.
Regards!
How do I re import just the header options in this theme. I am not sure how, but I have managed to delete the themes and the icons are no longer where they should be to the right and in circles. It has made the header smaller and now the logo is sitting on top of the nav bar. The footer has every page there is in it and it is not communicating with the footer instructions. The header happened as a result of trying to get the footer correct
Devin,
What is the exact Custom.css code to remove the arrows on the easy slider for mobile?
And what about removing for full desktop?
Thanks.
-Carl
Hi Guys – Sorry for the nebulous title. The portfolio at http://thecaloriemythbook.com/readerresults quickly stops working after clicking around a bit. Please see this video: http://thebailorgroup.com/wp-content/uploads/2013/08/portfoliobugs.mp4. Any help is appreciated.
Seems like I’ve done what needs to be done on my end as it works as expected initially, but then it seems to get “confused.” Thanks again.
Not sure whether iPad had the problem to begin with, though.
I think what I’m seeing here is still the Enfold play button.
The double button issue is on IPhone.
/* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */
/* General Custom CSS */
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
}
/*
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: 767px) {
.image-overlay.overlay-type-video {
display: none !important;
}
Hi,
i want to make a Onepage Startpage with enfold. But i want to start the Navigation on bottom and while scrolling the navigation fixed on top. how i can do this best?
Here is a example of what i intend:
http://themeforest.net/item/jarvis-onepage-parallax-theme/full_screen_preview/4773311
Also i need this smooth scrolling ( i think it’s a some of this smooth-scroll jQuery Plugins…)
Hello
I’m afraid i cant give you a link to the website as its on a private staging server and i cant send a private post.
I’ll try and explain it instead.
Ok so I have a single page scrolling website. I added anchor points on the page so that users would be able to use the top navigation to scroll quickly through sections on the single page site. I assigned the top navigation to link to the anchor points by typing in:
http://SAMPLE-WEBSITE.com/#case-study. The links work perfectly however because the links are all on that homepage the navigation has a constant underline (to show users they are on a certain page, like your demo site when click on home).
Is there anyway to change the css or code that i can add that will remove the active link effect from the top navigation? But keep the hover over effect when they mouse over to choose which section of the homepage to view?
I appreciate its probably hard to visualise because i cant send you the link, but if you could help i’d greatly appreciate it. I would prefer not to have to completely remove the hover over effect if possible (would make the navigation very boring).
Thanks
Hi Heathcliffe,
Thank you for letting us know. I’ve tagged the topic for Kriesi to take a look at!
Regards,
Devin
Hi vadi4ek,
This isn’t really something you can add to a child theme easily as if you do, it means you won’t actually be updating the framework file in which in turn causes big problems when the framework is updated.
So for this, you’ll need to keep a changelog.txt of your own and just put a link to this topic, the file name and location you changed and the line of code you modified.
Regards,
Devin
Hey,
Please add this on your custom.css or Quick CSS
.av-special-heading {
margin-top: 10px;
}
Regards,
Ismael
Hi UKiain,
I’ve tagged the topic for Kries to take a look at. It seems the grid for the layout on the default size is a very small 910px which is causing the elements in the header to overlap.
In the meantime, you can try installing this plugin to force IE8 to act a bit better: http://wordpress.org/plugins/html5shiv/
Regards,
Devin
Hi, Thanks for your post. It seems to only work for the left side of the main content. How am i able to change also the padding to the right, top and bottom. Am i able to change these margins??
Here is an example of of paddings we would like to change.
http://www.qinross.com.au/wordpress/wp-content/uploads/2013/08/Example.jpg
Thanks
Hello, I am working at this page http://www.congresoarquitectospanama.com and we wanted to align the main menu with all its functionalities (mega menu, etc.) to go below almost as a footer menu. The problem I am having is that the URLs of each of the menu tabs are ¨Live¨ all over the page from top to bottom, and is not letting me place another link on the body of the page, and also they tabs are not working as a menu, they don´t display other submenus, as lists or mega menus in columns.
Please help!!
Thanks,
Layer Slider, BG Images and Footer not Displaying properly I disabled every plugin and still ..
For some reason on IE everything is showing up correctly but on Chrome and Firefox the banners disappear and everything else.
http://www.lomaximoproductions.com/
Also the wordpress tool bar on the top isn’t displaying either on the browsers.
I updated to the latest version of enfold and wordpress and once I did all these changes started to happen – I tried to go back but giving me errors so im stuck with this now.
thanks.
Is there a way to keep a widget on the top all the time if desired?
Thanks
I will try. Do you have to change the javascript and the css to get it to work?
This is what I’m trying to do:
http://www.chriswardphotography.com/test-area/examples/example3.jpg
Top is what I have, bottom version is what I’m trying to get.