Hi,
We’re glad you found this! :) Do you need further help with this topic?
Best regards,
Sarah
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
.container_wrap_first .content {padding-top:0px !important;}
To have elements stretch full width, please add them to the page without putting them in a Column. You can also use Color Sections.
Please let us know if you need further help.
Best regards,
Sarah
Hi,
Yes, the logo as it is now it seems to be apart of the menu which is why it doesn’t show on mobile. It should have been structured differently. Please see the following for an idea:
Best regards,
Jordan Shannon
Hi, I changed the logo image and this code:
#avia-menu .avia-menu-text img{
margin-top:-85px!important;
}
You like? :-) Or should I change it?
You mean the mobile version needs JavaScript regarding logo.
Hmmm, can I make a new widget for the header with the logo in, and just let it show in mobile version and adjust the position with css?
Kindly regards, Mathilde
Hi Jordan –
How would I make a section that hides when on desktop? I’ve never done that with this theme.
Thanks
Hey msbllc,
Please try this instead:
.page-id-1035#top {
min-width: 1200px !important;
}
Best regards,
Sarah
Hey team,
I have a large table on one of my pages and I would like for that page only to not be mobile responsive. Is this possible and if so how would I go about doing it?
This is the css code I used but is not working.
.post-id-1035 #top #wrapall {
min-width: 1200px !important;
}
Hi,
I’ve used Enfold theme creating three different websites and I like the theme very much. All three sites are hosted by different service providers. Hosts of two older sites have never informed that there might be any problem with permissions. But the host of the latest site told this:
“The following files/directories had insecure permissions (777), which have been remediated.
/wp-content/uploads/dynamic_avia
/wp-content/uploads/avia_fonts/fontello”
Is this something everybody was supposed to know beforehand but I totally missed it? Do you mention somewhere in your instructions that Enfold users should look for these 777 permissions and change them? I’ve read some other topics about this, but I didn’t quite understand where and how I can edit these permissions, so can you please guide this novice? Can I access the needed theme files using my WP user interface?
Hi,
On my homepage, I have a section called “PERMANENT INSTALLATIONS”. On desktop the font size looks great but on mobile, I would like to make those same words smaller. I have tried the following code
QUICK CSS
@media only screen and (max-width: 480px) {
.homepage-permanent h1 { font-size: 16px
For Developers: Section ID
homepage-permanent
However, it is not changing on mobile. What am I doing wrong? Please help
Hi Everyone,
when using the function.php code shared by yanknudtskov, the term and condition page stops from showing on the checkout page, however, the hyperlink to the page on “I’ve read and accept the terms & conditions ” is gone. Can you advise how to retain the hyperlink?
I have a dropdown menu that we moved up with some CSS so it would be right under the “services” button but now when I scroll down a page and the sticky header gets activated and I hover over “services” the drop down menu overlaps the main nav button. How can I get it so it’s always right under the button whether its the full sized header or the sticky header?
This is the page:
dev.cabra.ca
And this is the CSS we used to move it up and over:
ul.sub-menu{
margin-left:18%!important;
margin-top:-50%!important;
}
Thanks Yigit.
This kind of works. The top level page which expands the sub menu doesn’t work now, it only works as a toggle for the submenu.
I guess I could duplicate it to the top of the menu, but I wouldn’t want this to show in the desktop version.
Also, the a “Tyre Brands” sub-menu in the “Tyres” menu is automatically expanded when you click on “Tyres”. This isn’t a massive issue though, I’m just happy that the menu is now better in mobile.
One last thing – the sticky sub menus aren’t sticky on mobiles. Is this possible.
Thanks, as usual, for your help.
Thanks but that didnt work either, so Ive decided to get rid of the text box on top and just use the title that is part of the news widget but its coming out as orange and I need it to be white like the other titles in the footer. (other titles in footer are H4) How can I change that?
Its also not lining up at the top with the other widgets.
Hey CampFigtree,
Add your code to the very top of css so it runs first to rule out any css errors that may be causing it not to run.
Best regards,
Jordan Shannon
Hi, I want to try something. What I have at the moment is default top and bottom padding which give me inconsistent horizontal spaces between containers.
What I want to try is to get rid of default top and bottom padding to end up with no spacing between containers.
When looking at the script in inspect mode it shows the following…
—
.content, .sidebar {
1. padding-top: 50px;
2. padding-bottom: 50px;
3. -webkit-box-sizing: content-box;
4. -moz-box-sizing: content-box;
5. box-sizing: content-box;
6. min-height: 1px;
7. z-index: 1;
}
—
Then I change it to look like this…
.content, .sidebar {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
—
In the inspect mode it gives me the correct results – containers laying on top of each other with no spacing in between, but when I paste it in my Custom CSS, it does not give me the results I want – not even if I add “!important”.
The reason I want to try this is to add exact even spaces with the separator widget…
Can anyone assist please?
Thanks,
Pieter
I just upgraded to the latest version of Enfold, and my Easy Sliders stopped working. (example on top/left of this page: http://donsharphomeimprovements.com/roofing-contractors/ )
Even when ALL plugins are disabled, it still does not work.
I tried manually re-installing the theme via FTP and I’m still having the same problem.
Hi yampieters,
So you just needed to add the second gallery selector, like this
@media only screen and (max-width: 450px) {
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a,
#top #wrap_all .avia-gallery-2 .avia-gallery-thumb a {
width: 100% !important;
}
I am seeing different captions. Could you attach a screenshot with the captions issue?
Best regards,
Victoria
Hi mleite1,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width: 768px) and (max-width: 990px) {
#av_section_1 .container {
max-width: 100%!important;
}
#top .no_margin.av_one_third {
padding: 10px 20px !important;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
I have fixed the problem – I don’t know why but the Fullwidth Slider on top was responsible for the problem. After I have deleted it, everything works fine.
Hi,
Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi Xperten,
Here are some threads to consider:
If you need further assistance please let us know.
Best regards,
Victoria
Hi Gerry,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 450px) {
.logo img {
padding-top: 0;
}
.responsive #top .logo {
margin: 0 auto;
}
#header_meta, #header_meta .container {
min-height: 0;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hey clairemartindigital,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 990px) {
#layer_slider_1 {
margin-top: 45px;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Greetings from Vienna!
I do have a slight problem with ENFOLD. The jumps to the anchor tags works all fine.
BUT: when I press the “scroll back button” of the theme at the bottom right, it does not take me to the page start, but somewhere into the body.
Do I have to define “top of the page”?
Thanks in Advance for your support
Best regards
Gerhard
P. S. see in private Content the website
Hi @samurai_666,
We’ll do our best to help you, but can you open a new thread? This way, we can help you individually. Also, the private data you post here will also be visible to the creator of this thread. If you create a new thread/topic, only the staff will see it. Thank you!
Best regards,
Sarah
Hi,
I have an issue with the Image Hover Effect ( ‘Yes, slightly increase the image size’ ) on SAFARI.
The effect is fine on firefox & Chrome, but shows unexpected results on Safari – the image does not increase INSIDE the circle, but beyond the circle, and gets cropped in a square shape.
I have followed all the suggestions in this thread, without improvement.
You can see my issue on this site, on Safari.
Screenshots here and here.
Thank you!
Greetings from Vienna!
I do have a slight problem with ENFOLD. The jumps to the anchor tags works all fine.
BUT: when I press the “scroll back button” of the theme at the bottom right, it does not take me to the page start, but somewhere into the body.
Do I have to define “top of the page”?
Thanks in Advance for your support
Best regards
Gerhard
P. S. see in private Content the website