Hey tjswarbs78,
Thanks for your input on this topic.
Best regards,
Jordan Shannon
Josef RößlerGuest
Suche eine topaktuelle Basis für einen selbst zu befüllenden und im vorgegebenen Rahmen selbst gestaltbaren (Bilder) web-Auftritt. Inhalte aus meinem bestehenden Auftritt sollten sich großteils wiederfinden, für Neues viel Platz sein (eben wordpress). Wenn ja, wo liegt in etwa euer Aufwand in Kosten für mich?
Würde mich freuen von euch zu hören
Details auf umsetzungspartner.at
MfG Josef Rößler
Hi Paul,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
.toggle_content .flex_column {
margin-top: 0;
}
Best regards,
Yigit
Hi Nikko,
Thank you for your response.
3. Is now solved with the CSS code you provided which is great, however with regards to 1. & 2:
1. Is it possible to change the alignment only in mobile portrait view using a CSS code so that the caption shows only on the left side of the image (like the Desktop version)?
2. The padding looks different in the mobile view when compared to the desktop view. In the mobile view the padding looks larger in sections and smaller in other sections.
Thanks,
Adam
Hi,
Yes using the full width color section. Please create a new thread for this topic, as it will help keep things organized for others.
Best regards,
Jordan Shannon
Hi Victoria, I checked with the provider. Hosting is at PHP 7.1.6 and APACHE at 2.4.25 – so technically all set. Do you have some hack to disable Layerslider via FTP in order to reach my Dashboard again? Thanks, Christoph.
NickGuest
Hi I would like to move all product category descriptions from the top of the page to the bottom. It is a good area for SEO content but prevents immediate viewing of products when seen on a mobile which I’m worried might cause an increased bounce rate.
HI,
I changed of plugin, the subject can be closed
Christophe.
if it is only for this site you can combine both rules (if you want it for all pages and after each color-section or grid-row this could be done via classes)
.page-id-117 #av_section_1::after, .page-id-117 #after_section_1::after {
content: ” “;
display: block;
height: 15px;
width: 100vw;
background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #604b66 0%, #604b66 33%, #937522 33%, #937522 66%, #d6a83e 66%);
background: -webkit-linear-gradient(left, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
background: linear-gradient(to right, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#604b66′, endColorstr=’#d6a83e’,GradientType=1 );
background-repeat: none;
background-position: center top;
background-size: 100vw 15px;
}
btw: stretch your background-image of the color-section on top (cover element) because it ends on bigger screens.
-
This reply was modified 8 years, 9 months ago by
Guenni007.
Hi,
1. The caption on slider is still align left however since the screen is narrow, the text is spread across the whole image, we can adjust this however with the length of the caption in your slider I don’t advise it.
2. The padding is big or small depending on what you set on the Section’s Section Padding.
3. Try adding this css code in Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:767px) {
.responsive #top #service .flex_column.av_one_half {
width: 50%;
}
}
Hope this helps :)
Best regards,
Nikko
Hi,
Great, glad you found the problem. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hello, topic can be closed, thank you
Hello, problem is solved, topic can be closed
Hello, problem solved! Topic can be closed
Sorry for the multiple postings – I suppose I should have waiting a bit and just written a single note.
I found this post:
Am I correct in understanding from this, that I must modify the archive.php file in order to accomplish this?
My goal is to have both the main archive, and category archives displaying additional elements such as a Product Slider, etc. on the page, for example at the bottom after XX number of posts (as you can see in the main archive page of the site as it currently is displayed – taglevel.com/blog).
I already read the topic
and I am aware that I can use margins etc. but it looks like a dirty hack … is there a better way to do it?
Hello support,
Yesterday I posted an issue about the burger menu inside the main menu.
Somebody else also replies inside my topic and the moderator closed the topic without even giving me a chance to respond.
So please respect the topic of the initiator! I think it is not a good idea to let everyone just drop there issues inside others topic.
It just makes topics messy.
I want to let you know that the issue is resolved.
Hi
After being forced to roll back to 4.0.7 because of the issues over menus I have done just that.
Finally got everything okay except for the burger menu which has disappeared on mobiles and tablets – no menu anywhere!
Also I have that white space appeared at the top of the header. This is mobile only (iOS in particular).
WP-Rocket may be the cause, however, all the settings are the same as they were in 4.0.7 and everything worked fine before the update so why is it broken now? So this has to be legacy from the rollback from 4.1.2 right?
9 hours on this so far… can’t take much more.
Please help; I’m losing business
Regards
Ed
Hi Ismael,
This solution does not work…
If we look for a category Woocommerce (example Quentin) on the page: http://www.jeuxdenfants.be/listes-de-naissance/ and we click the “search” or “return”, the research leads to a page which informs that nothing was found while the category exists…
Thank you.
Christophe.
Dear reader,
up to enfold 3.4x I have used the following code to put one picture into the menu and one picture in the corner of the mainpage:
div.header_bg {
box-shadow: 0px 0px 18px #ccc;
}
div.inner-container>strong.logo {
background: #fff;
}div.entry-content-wrapper.clearfix {
width: 80%;
min-height: 600px;
}
html {
background: #ffffff!important;
}
ul#avia-menu.menu.av-main-nav li a {
border: none!important;
}table.avia-table tr td {
border: none!important;
color: #333!important;
background: #efefef;
}#avia-menu.menu.av-main-nav .avia-menu-text {
color: #3AB2C5!important;
font-weight: bold!important;
}
div.avia-menu.av-main-nav-wrap {
background: #fff;
border-top: 0px solid!important;
}
div.inner-container>strong.logo {
border: 0px solid;
}
h1, h2, h3 {
color: #3AB2C5!important;
}
div#main {
background: url(https://path/to/the/picture/picture.png) no-repeat scroll right bottom;
}
li#menu-item-655 {
background: url(https://path/to/the/picture/picture.png) no-repeat;
text-indent: -9999px;
height: 140px;
margin-top: 30px!important;
}div.textwidget>table>tbody>tr>td {
padding: 0px;
}
But on higher versions he dont show the pictures anymore.
What I must change?
Thanks!
I’m sorry, not sure if i understand.
what exactly did you mean by:
“adjust the “Screen Options” settings.”?
I tried to create 2 color sections (1 with video only)
and one with background image only
result: on desktop i see video and background image below it.
please help!
Hey craig_corfield,
You can add this code at Enfold Theme Options > General Styling > Quick CSS
#top .avia-button-fullwidth:hover {
background: #YOURCOLOR !important;
}
Best regards,
John Torvik
Hi,
We edited the text widget. Please adjust the right and top position.
#header .widget {
right: -40px;
padding-top: 0;
position: absolute;
top: -10px;
z-index: 999;
}
Best regards,
Ismael
Hi,
Did you set the color section’s “Background Repeat” settings to “Stretch to Fit”? Please create a duplicate of the color section then adjust the “Screen Options” settings. Display the one with the video on desktop and the other on mobile.
Best regards,
Ismael
yes, the desktop is working fine
only iphone
I haven’t test by android yet
Hi,
I have tested it using an android phone but I could not see the issue. Is it only happening in your mobile? is the desktop version working fine on your end?
Best regards,
Nikko
Hey navindesigns,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
.home #fullscreen_slider_0 .slideshow_inner_caption {
padding-top: 300px;
}
Hope this helps :)
Best regards,
Nikko
Can you please help?
I reverted back to Enfold 4.0.6 because after updating to 4.1.2, I had three issues:
1. On the desktop Chrome my Custom Background image was repeating itself (the top 5% of the image was repeated on the bottom before the text menu). – Please see image in Private Content
2. On the iPhone Safari there was no burger menu. – Please see image in Private Content
3. On the iPad Safari my Custom Background image was repeating itself (the top 5% of the image was repeated on the bottom before the text menu). – Please see image in Private Content
My goal is to show the text menu on desktops and iPads, and to show the burger menu on iPhones.
Please look at the Quick CSS I’ve been using that worked great before the 4.1.2 Update – Private Content
Thank you.