Hey Kurt,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #wrap_all #header #menu-item-511.av-menu-button-colored > a, #top #wrap_all #menu-item-511.av-menu-button-colored > a .avia-menu-text {
background-color: #ca0003;
}
#top #wrap_all #header #menu-item-511.av-menu-button-colored > a:hover, #top #wrap_all #menu-item-511.av-menu-button-colored > a:hover .avia-menu-text {
color: #FFF;
}
Best regards,
Vinay
Hey guys,
For some reason, my website layout is messed up only at 768px. At 767px it’s exactly how I want it, at 769px it turns to the desktop version and that is also the way I want it. However, for 768px, the logo is gone, and the 2nd and so forth child of items are not lined up (scroll down and you will see what I mean, easy visible on the footer).
I’ve tried everything I can and I cannot get the layout to work. I want the layout to be exactly the same layout as 767px.
The website is http://www.irepairit.com
Thanks
Hey Munford,
It is a preview link and works only if you are logged in. It works on desktop for you and not on mobile because you are logged in on desktop. Please remove “&preview=true” from the link it should work fine. To get the correct page URL please click on view page and copy the url from the address bar or copy the permalink in the page.
Best regards,
Vinay
Hello again,
I solved the problem already by deleting the !important at the margin-left. Now it works fine :-) Also for the mobile version.
Now I’m nearly finished with that side – but one thing is sill not working:
In Quick.css I use following codes, to design the spaces between the cells:
div .av_two_third {
margin-left: 2%;
width: 66%;
}
div .av_one_half {
margin-left: 2%;
width: 49%;
}
div .av_one_third {
margin-left: 2%;
width: 32%;
}
On Link 1, I try now to show one big picture (2/3 cells) next to 2 pictures (in a 1/3 cells, the lower picture has the style
.imagos {padding-top:2%;}
However, as you can see – at the bottom they are not on the same “line” – you see it better, if you are making the window smaller… Is it possible, that the big picture and lower picture of the smaller ones are one horizontal line.
Thank you again for your great support.
Hello the team,
I use the plugin social warfare to display a floating horizontal social buttons.
It works with posts and pages only if i don’t use the avia builder.
A page constructs with avia builder stops the display of the plugin.
Examples in private content :
Thank you for your help.
Regards.
when you hover the mouse over the top logo on the private link, it display the filename, i turned off caption and link, how do i avoid that?
Hi,
Great, glad we could help. Please let us know if you should need any more help on the topic.
Best regards,
Rikard
Hi AppelenEelman,
Please try the following in Quick CSS under Enfold–>General Styling:
#top .av-main-nav ul a{
font-size: 16px !important;
}
Regards,
Rikard
Hi,
Great, please let us know if you should need any more help on the topic.
Best regards,
Rikard
Hi Kurt,
Glad we could help, please let us know if you should need any more help on the topic.
Regards,
Rikard
Thanks Andy,
So we may be working cross purposes here since there are two things I am trying to do that are being addressed on two different support tickets.
This thread was originally about finding a way to hide the Header image, header widgets and logo on all pages but the Home page.
You helped me out on this as you can see at the top and we almost had that solved except for the gap issue on sub-pages and that the mobile nav menu disappeared.
It seems with this code:
@media only screen and (max-width: 767px) {
.container.av-logo-container {
display: block;
}
#header_main {
margin-bottom: 0;
}}
We are getting the menu back, but by forcing the header image, logo area to appear on all pages which is what I was trying to avoid.
I am afraid the various code bits are now working against each other.
So first question is, should I just consolidate all the issues into a new ticket on where we are at or if not then:
1. If I leave the previous code in place that you gave me to hide the header elements on all pages but the home page:
.container.av-logo-container, #text-10, #text-13 {
display: none;
}
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 0px;
}
And for your homepage:
.page-id-734 #main {
padding-top: 200px !important;
}
.page-id-734 .container.av-logo-container, .page-id-734 #text-5 {
display: block;
}
.page-id-734 #text-6 {
display: block;
}
then is there a way to display the mobile menu (but not the logo container) which is hidden by this code on a mobile device?
Again I apologize if this is getting confusing. It is to me.
Thanks again.
Hi,
it’s quite unclear to us what you want to achieve, but try this code:
.page-id-6156 .avia-menu-text {
background-color: transparent;
}
.page-id-6156 #top #wrap_all .av_seperator_big_border#header .av-menu-button-colored > a {
background-color: transparent;
}
A mockup showing the results you want to achieve would help us a lot (use imgur.com, dropbox).
Best regards,
Andy
On each and every page, when I hit ‘Default editor’ I get an empty white box.
Tried everything suggested here (https://kriesi.at/support/topic/enfold-text-editor-text-shows-white-in-the-text-box-so-it-cant-be-read/) and nothing will do it.
Please advise.
Upon updating to WP 4.5.2 parts of my pages are blank.
I have followed all the steps in this post: https://kriesi.at/support/topic/having-problems-after-updating-to-wordpress-4-5-please-read-this-first/#post-616207
It is only fixed by adding the snippet. Clearing cache, different browsers, and different machines all produce the same issue.
I have turned off ALL plugins and the problem persists.
I uploaded a new version of the theme via FTP and problem persisits.
Suggestions?
-
This topic was modified 9 years, 6 months ago by
tapaway.
Hi Vinay,
the solution doesn´t make it perfect but it is much better and one can understand what is written.
I can live with that. You can mark the topic as solved.
Thank you very very much for your great support!
All the best
Asterios
Hey melissaek13!
Please check the post of Yigit here
and let us know if that covers your need.
Thanks a lot for your understanding
Regards,
Basilis
Hi eddiebooth!
I already answered to you here please avoid creating multiple tickets for same issue as it will be a lot of work for all of us :)
We will close this ticket. if you have any questions please open a new ticket.
Cheers!
Vinay
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
/* Stop clicking on image */
img.mfp-img {
pointer-events: none;
}
/* hide counter */
.mfp-counter {
display:none;
}
Best regards,
Vinay
Hey Vinay! Thanks for looking into this for me. I’m adding css to the child theme’s style.css. I’m using a snippet of code from the following post for the “reveal footer effect” : https://kriesi.at/support/topic/reveal-footer-effect/
Please note that the footer shows on all pages except for the portfolio post pages. I thought that the custom footer css might be conflicting with the css on the portfolio pages, but when I create an entirely new portfolio page with nothing on it, it still does not show the footer…so i’m thinking it just has something to do with the way the portfolio pages were coded by default.
Hi there
We have recently spoken in this subject https://kriesi.at/support/topic/remove-white-space-above-menu/ I can’t seem to reopen this topic but anyway I have accidentally overwritten your code which fixed the logo issue.
Please could you help again?
Many thanks
Hi Vinay again,
unfortunately it didn´t help. I get to see only the half of the title.
Günter helped me some while ago with a similar problem.
(https://kriesi.at/support/topic/problem-with-responsive-title/#post-601334)
It was better after that.
Now I tried all variations:
yours, his, yours and his but the problem still remains.
I know it is a long title…it´s the german language.
Best Regards
Asterios
Hi,
That would be great! But to make the main menu appear on the top would take a lot of time and at the moment there is no easy way to do this by using a small custom code snippet, so I am afraid its out of the scope of our support.
But please feel free to share your solution if you find a workaround for this :)
Best regards,
Vinay
Please close this topic. It isn’t relevant anymore.
Thanks,
Daniela
Please close this topic. It isn’t relevant anymore.
Thanks,
Daniela
Hi,
The reason it appears on top is because the code is missing “background-position: bottom center;”
For more info please check https://css-tricks.com/almanac/properties/b/background-position/
To hide the background on last item Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.content article.post-entry:nth-child(3) {
background: none!important;
}
Best regards,
Vinay
Hi Vinay,
We’re almost there! The divider image is now on top of the posts, they must be at the bottom. And after the last blog post there must be no image.
I used the CSS given in this post https://kriesi.at/support/topic/enfold-buttons-next-to-each-other-within-same-columns/ to make two buttons inline so that they would appear next to each other. However, now they are not centered. How can I have them both inline and centered?
Hey indieweb,
We would be glad to help you with this customization, but at the moment there is no easy way to do this by using a small custom code snippet, so I am afraid its out of the scope of our support.
But if that’s something you really need you can always try to hire a developer for the task :)
Please refer to this post by ismael https://kriesi.at/support/topic/sidebar-rechts-single-page/#post-580220
Best regards,
Vinay
-
This reply was modified 9 years, 6 months ago by
Vinay.
Hi,
Please replace the code with
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #icon-section .flex_column {
margin-left: 3%;
width: 38%!important;
}
}
@media only screen and (max-width: 480px) {
#top .av_font_icon a{
font-size: 60px!important;
line-height: 60px!important;
width: 60px!important;
}}
Best regards,
Vinay
Deat Team,
I just updated the Theme to its latest version and I got a huge problem with my Data-Tables.
The content has lost the responsivness and everything is on top of each other.
You can have a look here:
https://drive.google.com/folderview?id=0B7Zpr2qxMSxiaFdhS0NTdFcxcDA&usp=sharing
or live:
I would appreciate any fast response, since the site is online.
Best Regards
Asterios