Yes, thank you, this all worked perfectly.
Now, as a final thing – is there any way to make the mobile header glassy/transparent as well? Right now it’s just plain white. I tried adding this:
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
background: transparent!important;
position: absolute!important;
}}
But that messes with the positioning and makes the logo area overlap with my first section on the page.
Hi Gerke,
No problem. I have taken another look and the problem you are having is that you have a slider image which has a lesser width than what is required. The required image dimension is 1500x430px, the image you have used is 1000x653px, this is less width and more height, since the width is lesser wordpress will not crop the width, but since the height has excess, wordpress crops 430px and gets the middle part, so you have a 1000x430px. Since this is a fullwidth slider it will expand the image (since the image is smaller) when viewing in a screen which is more than 1000px as it stretches the image it’s not just the width but also the height. I downloaded your original image, resized and cropped it with an image editing software, and reupload it to the slider, you should see it’s looking better (though it’s blurry since I enlarged the image).
Here are the things to keep in mind when uploading an image to the slider:
- Smaller than required dimension – will be expanded and get blurry.
- Bigger than required dimension – will be cropped by wordpress and it will get the middle part cutting of the top and bottom of the image.
- Exact image dimension – best output
So use an image editing software to crop images so you have full control and get best results. Hope this information is helpful :)
Regards,
Nikko
Is there a solution using a hook or filter to set up the changes to the admin side changes?
Changes are described here: https://kriesi.at/support/topic/6-columns-in-footer-enfold-3-7-1/#post-687780
I am using a child therme and editing the parent theme files is NOT an option.
Hope you have a solution!
Hey MaktubJolie!
You have following code in Custom.css file
#scroll-top-link {
display: block !important;
}
please remove that code
Cheers!
Yigit
Hey guys, i found one Topic for that problem here, but it was closed.
I tried 3 ways to remove that scroll to top
added the following two in Quick CSS:
#scroll-top-link { display: none !important; }
#scroll-top-link {display: none; }
and tried it with the custom.css file and filezilla.
plus tried to Comment the main Enfold: dynamic-css.php (css/dynamic-css.php FILE
with /**/
on that line:
#scroll-top-link:hover{ background-color: $bg2; color: $primary; border:1px solid $border; }
But it doesnt work neither of them above.
Hope you can help.
it is for http://www.repair-doc.de
its the landing page.
hope you can help.
thanks in advance
Hi,
Ok, here’s some extra strength bug spray, please replace the old code I sent you with this:
#footer #woocommerce_product_search-3 h3 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#footer #text-7 {
margin:0 !important;
}
Thanks,
Rikard
Hello,
I have purchased Enfold yesterday and I want to use the Travel demo for my website. I have installed the plugin : Polylang today and for the homepage the easy slider at the top with all the pictures of the destinations does not appear as it used to without this plugin.
Is there a conflict between this theme demo and this plugin ? What would you advise me to do ?
Hi Ismael,
I’m sorry for the confusion I’ve caused. The issue is not on the mobile (hamburger) menu, it’s on the desktop main menu when my screen gets to be about 17″.
Here’s a screenshot of my desktop main menu problem when I use the following recommended CSS code for a two-line menu:
span.menu-break {
display: block;
line-height: 0;
bottom: 10px;
position: inherit;
}
RESULT: https://www.dropbox.com/s/430gkmncbpiep3v/span%20menu%20break%20INHERIT.jpg?dl=0
Here’s a screenshot of my desktop main menu problem when I make the position relative:
span.menu-break {
display: block;
line-height: 0;
bottom: 10px;
position: relative;
}
RESULT: https://www.dropbox.com/s/9zn7c6t99uljqkm/span%20menu%20break%20RELATIVE.jpg?dl=0
Thanks
Lyse
Hi
same question of this post:
https://kriesi.at/support/topic/contact-form-with-multiple-receipents/
Need the form send to the right emailadress in term of selected objet.
Have you add this fonctionnality?
Can you give a name plugin for that?
regards
We have top main menu and selected to have the header social icons displayed in main header area. We added the last menu item as a link with button-style. Is it possible to have this button as last element on the right, that is after the social icons?
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
div .widget_shopping_cart .buttons a {
float: left;
width: 100%!important;
margin-top: 10px;
text-align: center;
}
Best regards,
Yigit
Hi Zigabeton!
Please go to Appearance > Menus and click “screen options” on the top right corner and check “CSS classes” and then edit your custom link menu item and give it a custom CSS class.
Best regards,
Yigit
this could be a nice example for you: https://codepen.io/nuriarai/pen/uIrFf
because the row on top is nearly responsive !
-
This reply was modified 9 years, 5 months ago by
Guenni007.
RESOLVED:
If you are using Page Specific Menu Items make sure you use SHOW ALL (is by default)
Else it will stop working as intended
Hello, I have one problem with a video.
In this page: http://clinicadelcanto.es/instalaciones/ you will see I have a video and in desktop is perfect, but in mobile form, I can see the video with a red play button but if I try to play the video it does not do anything…any suggestions?
Thank you and regards, Carmen
@ismael It stopped working. Clicking on the caption background doesn’t work. But clicking the text, I wrapped around span did.
What is the modified code you used?
Hi Yigit,
that worked fine. You can close this topic.
Many thx for your support.
Regards,
Udo
Hi.
The site is jarlsbergpartners.no. The direct link to the transactions is http://jarlsbergpartners.no/#transaksjoner
Scroll down on the page. Click page 2, and note that the link http://jarlsbergpartners.no/page/2/ take you back to the top of the page. I want it to take me back to the top of that section.
-
This reply was modified 9 years, 5 months ago by
jarlsberg.
Hi thanks for your help, but you are going a bit to fast for me. How do I give “only-smartphone” custom class to my button elements ( I am using the Avia Lay out builder) .
so to be clear:
I have two sets of the same buttond now. The ones in the Full with easy slider should be visible on desktop and tablet, the buttons below that, made in “media elements”should be visible only on mobile.
Can you pleas
Hi
I’ve followed this tips and works great on desktop but I on iPad menu is covering logo. Please find screenshot here. I know that is too meny items in menu but my client needs them all. Maybe it is possible to switch menu on mobile?
My secound problem is that on Nexus 5 or iPhone 5 in vertical position text which are placed in 1/2 colum cannot fit screen.
Screenshot find here and here
Thank you a lot in advanced for your help
Krzysztof
Hi,
I have updated the ISP to the php version 7.0 and enfold has stopped working properly.
http://www.miguelportillo.com
Thank you
Hi Nikko,
I am really sorry, I sent you the wrong link. I am afraid I mixed up two threads here.
I gave you the correct link now.
Can you please have a look at it again?
This fullwidth slider is really big. It should be smaller, like for example the one on click2stock.com/homepage (on top of the page).
Sorry again for the double work.
Thank you,
Gerke
Hi,
Glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Great, glad you got it working :-)
Please let us know if you should need any further help on the topic.
Thanks,
Rikard
Hi Karen,
Great, please let us know if you should need any further help on the topic.
Thanks,
Rikard
Hello Yigit,
After I placed the code you sent me:
.home .pagination-wrap {
display: none;
}
.page-id-30 nav.pagination {
left: 50%;
}
The aligning in the desktop is in the center and the “page 1 of 2” is hidden like I wanted but how can I align the “1..2” page counter in the middle in the mobile view too?
http://imgur.com/a/XTKlh
Best Regards,
Hi,
You should be able to do so if you assign unique ID’s to your sections and use CSS like this:
@media only screen and (min-width: 768px) {
#section-desktop {
display:block !important;
}
#section-phone {
display:none !important;
}
}
@media only screen and (max-width: 767px) {
#section-desktop {
display:none !important;
}
#section-phone {
display:block !important;
}
}
Best regards,
Rikard
Hey craigriches,
When I clicked on the links you posted it returns 500 Internal Server Error.
As for your request, you can refer to this thread: https://kriesi.at/support/topic/display-breadcrumbs-only-in-woocomerce-shop/
Best regards,
Nikko
Hi,
I’ve tagged Josue for the topic, please wait for his reply.
Regards,
Rikard