Hi!
I have added this to the Color Section’s Custom Css Class mytable. Then added the code I have posted above, and also included this inside the code I have given:
#top .mytable .av_one_half .XL br {
display: none;
}
To make the Starting in $5,000 be in one line instead of two lines. Let us know if this is also good on your end. :)
Best regards,
Nikko
Brilliant Yigit thank you – legend.
One final question though – how can I move the section head up to meet the bottom of the image?
I tried .hero-section { top: -20px; } but that didn’t work.
You”ll see the issue on the live link in private.
Thanks,
Mark
Hey!
Please add following code to Quick CSS as well
#top .avia-slideshow-button {
padding: 25px 30px;
text-transform: none;
}
Regards,
Yigit
I am using the LAYOUT BUILDER with the BLOG
In the MAIN BLOG PAGE
we need to show: TAGS
we need to remove: AUTHOR, READ MORE BUTTON
In the CATEGORY PAGES
we need to show: TAGS
remove: AUTHOR, READ MORE BUTTON
In individual POST PAGES
we need to show: TAGS, CATEGORY, DATE, SHARE, SIMILAR
View post on imgur.com
HOW TO DO THIS?
I have followed more threads on this topic and I find it confusing.
There is some added PHP code which you added (thank you!) but it did not solve the desired request.
Is there a step-by-step documentation on this?
THANKS!
best regards,
Dara Emerson
so after all the talking. to make ith short.
the main problem is the lag of the mobile menu position.
i want it on the right side but without lag (it first apear on the left and making lagy jump to the right}
this is the CSS i used from @Vinay
/* Show mobile menu */
@media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
/* switch logo and menu position */
.container #advanced_menu_toggle, #advanced_menu_hide {
position: absolute;
right: 0;
}
.responsive .logo img {
float: left;
}
.responsive #top .logo {
width: 100%!important;
}
.show_mobile_menu #advanced_menu_hide {
margin-right: 25px;
}
}
how can i avoid the lag.
by the way the area of quick CSS not saving stuf that i put inside.
this code is on my rtl.css
Hi,
Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your image element and give it a custom CSS class and then add following code to Quick CSS in Enfold theme options under General Styling tab
.your-custom-class { top: -20px; }
Best regards,
Yigit
Hello. Please see image for issue and desirables.
Thank you,
Ryan
Hi!
I think it’s possible but we could not cover it with our support since that would take a lot of time to do. What I suggest to do with css is not to make it so specific for example changing this #top.page-id-102 #cloud-solutions .tabcontainer .av_tab_section .tab.active_tab to just #top .cloud-solutions .tabcontainer .av_tab_section .tab.active_tab, removing the page-id will allow this code to apply on other pages and using class (.) instead of id (#), you can use it multiple times within the same page. Hope you find this helpful :)
Best regards,
Nikko
Hi @Ismael Thanks for the reply.
i dont have problem with tablet menu. the CSS that @Vinay gave is working.
i just mentioned that in the theme setting i asked the logo to be at the left and menu on the right.
this working as defined in desktop but not on mobile phones.
so @Vinay gave CSS fix for the logo to be at the left side and the menu at the right for mobile phones.
but the fix he gave have lag – the mobile menu first apear on the left covering the logo and only after asecond jump to the right.
this lag is not nice for UX.
but as i mentioned it looks like bug in the theme – if i ask logo at the left and menu on the right it should be on mobile as well
in your demo it is working like that. maybe you didnt check that the theme settings working on mobile phones with RTL websites.
but the idea of having another plugin its friendly. after all it should be like the theme setting was set without need to do workaround.
this is why i tryied to tell you that the theme seting for logo and menu position i broken for mobile in RTL websites.
i realy apriciate ypur support and Enfold theme it is my #1 choice for WP theme.
i used it for several websites. and planing to use it in the future.
this is why i think my Feedback is important.
i will try to “play” with the CSS position to avoid the lag”
Hey AJDesignCo,
Please refer to this post – https://kriesi.at/support/topic/woocommerce-single-product-page-description-below/#post-698621
Best regards,
Yigit
Hi!
Please add following code to Quick CSS
#top .avia-slideshow-button {
font-size: 20px;
}
div .slideshow_caption h2 {
text-transform: none;
}
Cheers!
Yigit
Hi,
It is not what I need, coz with this code the submenu is not sticky at the top. And I’m not about to adjust the top margin depending on my screen size.
I was talking twice about the code to add to the “Custom Css Class” in the Fullwidth Sub Menu, or maybe Color section. In order to put the submenu at the bottom of the picture — this is something I can’t do with 25%, 50%, 75% & 100% suggested in Color section > Section minimum height.
Hi!
Please refer to my post once again – https://kriesi.at/support/topic/red-border-for-grid-post/#post-708259 and make sure to replace the code i posted earlier. If you apply the changes correctly, red borders should be displayed as the screenshot i attached in private content field.
Also, as i mentioned many times before, please do not redirect from one thread to another Alexander :)
Regards,
Yigit
Hey tobee_hh,
1.) try to play around with margin and padding values for your masonry:
.av-inner-masonry-sizer {
margin: -10px;
padding: 10px;
}
and adjust as needed.
2.) Try this code:
#top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content {
background: rgba(92,237,237,0.7);
}
and adjust rgba code as needed.
3.) I checked your masonry, but can’t find any zoom effect. Could you remove it already?
Please open a new ticket for a new question, then we keep our forum clean and you will get faster results, as different moderators can answer your tickets simultaneously.
Best regards,
Andy
Hey!
Please add following code to Quick CSS
@media only screen and (max-width: 480px) {
#socket .copyright {
margin-bottom: -20px;
}
#socket .social_bookmarks {
position: relative;
top: 150px;
float: left;
left: 33%;
}}
Then remove following code from your custom CSS
@media only screen and (max-width: 480px) {
#socket .social_bookmarks {
position: relative;
top: 90px;
right: 35%;
}}
Regards,
Yigit
Hi,
try this code:
#top .av-submenu-container {
top: 651px !important;
}
and adust as needed.
Best regards,
Andy
Hey!
Please add following code to Quick CSS
.av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
padding-bottom: 130%;
}
Excerpt is not the same on your posts, that is causing the issue. I already provided you a solution here – https://kriesi.at/support/topic/red-border-for-grid-post/#post-708259. Please use the first code to decrease excerpt.
Cheers!
Yigit
Hi,
following a closed previous post my problem came back…
Here the following codes you gave me:
#footer #woocommerce_product_search-3 {
margin: 10px 0 0 0 !important;
padding: 0 !important;
}
#footer #text-7 {
margin:0 !important;
}
@media only screen and (max-width:767px) {
.responsive #top .logo {
padding-right: 40px;
}
}
Hi Ludek!
1- You can go to Enfold theme options > Footer to change copyright information. Also, please see – http://kriesi.at/documentation/enfold/updating-your-theme-files/
2- No, it is not. Enfold is fully compatible with WPML. You can go ahead and install the plugin and turn your website into a multilingual one.
3- You can try using this plugin – https://wordpress.org/plugins/better-wp-security/
4 & 5- I think currently it is very clear to navigate through your site. Artists are listed on the frontpage, clicking on them displays their works. You can share your website on Enfold showcase thread – https://kriesi.at/support/topic/enfold-showcase/page/39/ and other users might comment :)
Also, please register to our support forum – https://kriesi.at/support/register/ and start a thread under Enfold sub forum. Currently you are posting under pre-sale question thread which is not as flexible as normal support threads :)
Cheers!
Yigit
Hi,
this code in child function.php worked before V3.8
function add_hide_header(){
?>
<script>
jQuery(window).scroll(function(){
if(jQuery(this).scrollTop() > 200) jQuery(‘#header_main’).fadeOut(‘slow’);
if(jQuery(this).scrollTop() < 200) jQuery(‘#header_main’).fadeIn(‘slow’);
});
</script>
<?php
}
add_action(‘wp_footer’, ‘add_hide_header’);
I does not work any more.
//
OPV AB
Hey Jordan. Much better: http://imgur.com/a/2Qiun
How can i (A) reduce space here and (B) bring social bookmark to the bottom center. This is the code at the moment:
/*Footer mobile zentrieren*/
@media only screen and (max-width: 480px) {
.copyright {
width: 100%;
text-align: center;
}
#socket .social_bookmarks {
position: relative;
top: 90px;
right: 35%;
}
}
@media only screen and (max-width: 767px) {
#socket .sub_menu_socket li {
line-height: 20px;
width: 100%;
text-align: center;
}
}
Hi team,
We have searched for the answers to this topic on forums but with no luck~
Its still floating there~ Please help
Regards
Hi!
Thank you for the info.
Please use this css code to move the subtext beside the logo.
.logo .subtext {
position: absolute;
top: 20px;
left: 100px;
}
Adjust the values if necessary.
Cheers!
Ismael
Hi,
Try to add this code in Quick CSS:
#top .header_bg {
background: transparent !important;
}
#top #header_main {
border: 0 !important;
}
Let us know if it works ;)
Best regards,
Nikko
Hi SonjaLimone,
As far as I can see you have started 3 threads on the same topic, this one was replied to 13 hours ago by Nikko: https://kriesi.at/support/topic/masonry-gallery-wont-allow-me-to-select-images-from-media-2/. We don’t forget any threads so opening additional ones on the same topic only adds confusion so please try to refrain from doing so in the future.
Best regards,
Rikard
I just checked the logo issue on my phone (Chrome browser) – see screenshot. Seems that it only works on the desktop.
https://postimg.org/image/pqzgbi0wd/
Hey!
Please post the login details here so that we can test the css modification. Or try this code:
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .slide-entry {
width: 46% !important;
margin-left: 2% !important;
clear: none !important;
}
.responsive #top #wrap_all .slide-entry:first-child {
margin-left: 0 !important;
}
.search-results .slide-entry-wrap {
display: block;
}
}
Use this one instead of the previous code.
Regards,
Ismael
Hi,
Glad we could help. Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Thank you, that helped with the logo issue. SO now I only need the widget with the phone number to be staying on the top right corner.