Hi,
No problem, glad you found the problem! Please let us know if you should need any further help on the topic of if we can close it.
Best regards,
Rikard
Hi,
Thanks for the feedback, I think an image is the best way to do that to be honest. The html/css for that would be a bit tricky. Let us know if you should have any further problems on the topic.
Best regards,
Rikard
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 and for sharing the solution :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
I can’t see anything wrong with your CSS so I think you shouldn’t have any problems with it. Let us know if you should need any further help on the topic.
Best regards,
Rikard
I’ve got an image on the Home page of my website (Boat with Blue Overlay), when you view it in desktop mode you can clearly see the caption (Did You Know, . . .). Unfortunately when you see this image on a mobile device the text only partially shows and then runs into the next section overlaying it.
Is there a way to simply disable the text (aka caption) when showing on a mobile device?
normal share (embed) code of vimeo looks this way:
http://vimeo.com/1084537 or
https://vimeo.com/39252414
your code looks this way:
https://player.vimeo.com/video/198220037
this will not work ! : https://vimeo.com/198220037
maybe this is a setting problem because f.e.
https://vimeo.com/39252414?loop=1&autoplay=1 (this is only for beeing shure – i guess https://vimeo.com/39252414 will do the job too)
here: https://webers-testseite.de/ikom/full-slider-with-content/
this loop works well on safari too
Are you having a Plus, Pro or Business Account on Vimeo? and you can set up the options for each video?
-
This reply was modified 9 years, 2 months ago by
Guenni007.
I would like to move the caption up about an inch on the full width easy slider. Currently, it’s set to left without a frame. The other options are right, center and bottom – no top unfortunately. it’s current placement if just slightly to low and interfere’s with the picture.
Thanks.
Rikard – you can close this topic.. Thank you for your help! Jeannie
Rikard – Hi. That seemed to work on my monitor but then I tested it on different screen sizes. I have a larger monitor…. 27 inch..
http://quirktools.com/screenfly/#u=http%3A//test.wizs.com&w=1680&h=1050&a=1&s=1
The link above shows the site on a 22 inch desktop monitor. Use the menu at the top to choose lower and higher desktop menus and you will see what I am talking about.
Anything below a 22 inch monitor is still not displaying the widget in the right location…
If you look at the widget when you have chosen a desktop monitor over 22 inches… like say 23 inches…. then you will see the ad is in the right location …
How can we fix this?
Thanks,
Jeannie
I have set up sections with “hide-on-mobile” and “hide-on-desktop” per some instructions I found in one of the Enfold topics. Works great except that when I do a print screen it prints both sections. Is there a way to make it print only one?
Thanks.
Thank you for the reply. As I can see, the effect has been deactivated to prevent some bugs that could appear with that effect on mobiles. But there is a second problem when parallax or even fixed background is chosen. The background image doesn’t position correctly on mobile (IPad or IPhone). Example, if we need the image to position top right corner, it still gets the center center result on the IPad. The only way is to use fixed image and background if we want it to look good with mobiles. Works great on desktop though. Mobiles are 80% of our visitors, that doesn’t make the website look as good as we would like without the use of parallax or fixed background effect.
-
This reply was modified 9 years, 2 months ago by
MartinP30.
Hey Martin!
Please take a look here
https://kriesi.at/support/topic/parallax-effect-doesnt-work-on-ipad/
and let us know if that covers your questions
Regards,
Basilis
Hi Support,
So I cannot figure out how to keep the background of the Grid Row 100% wide while limiting the size of the container text. As you’ll see on the site, I have implemented a width of 1310, but the color stops and is surrounded by white.
Hi,
You can ignore this warning or delete the woocommerce pages and re-import the pages from the plugin.
Go to the “System Status” tab on Woocommerce
Click on the “Tools” tab at the top of the page
On that page, the sixth option down is called “Install pages”.
Clicking that will “install all the missing WooCommerce pages. Pages already defined and set up will not be replaced.”
Best regards,
Vinay
Hi,
Great we are on the same page!
1. To correct the URL’s please copy and paste the code into a text editor like sublime text and replace all the URL’s
<a href="http://dev.domain.com/" itemprop="url">
2. To change the background color please use the below CSS
#menu-main-lower {
background: #17ba71;
}
#top #menu-main-lower > li > a {
border-color: #FFF;
}
3. The mobile menu works fine could you please elaborate what is not showing ?
Best regards,
Vinay
-
This reply was modified 9 years, 2 months ago by
Vinay. Reason: Edited domain name
Great that worked with a few changes to the numbers – thanks so much.
For everyone wondering about how to do this, here’s the code that I placed in the style.css sheet (or you could place in the Quick CSS area):
/* == TO STYLE 2ND MENU IN FOOTER == */
.my_extra_menu_class li {
float: right;
display: block;
padding: 0 0 0 20px;
border-left-style: solid;
border-left-width: 1px;
line-height: 10px;
}
#socket:nth-child(2) .container {
margin-top: -50px;
padding-bottom: 25px;
}
Add this to the functions.php file:
add_action( ‘init’, ‘register_my_new_menu’ );
function register_my_new_menu() {
register_nav_menu(‘footer-second’,__( ‘Footer Second Menu’ ));
}
I added the menu I wanted and checked secondary footer menu. No need to change anything in the footer.php file.
Thanks again Yigit.
Hi,
When you copy the code from here the signs get converted to ascii values for example “>” will be copied as ” > ; ” that’s what Yigit is trying to say :)
The logo overlaps when you change the screen size…
Please change 30vw in the above code Yigit provided to approx 650px
Your code should look like
.av-main-nav > li:nth-child(3) {
margin-right: 650px;
}
Feel free to change this value to suit your design.
If you still have an issue you can do 2 things to avoid the overlapping issue and make everything look nice on all screen size…
1. Change the way you setup the logo center and split the menu please check https://kriesi.at/support/topic/logo-center-menu-left-and-right-2/#post-724306
2. Activate the mobile menu around 1000px when things start to run into each other using the below CSS in Enfold > General Styling > Quick CSS.
@media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}
Best regards,
Vinay
-
This reply was modified 9 years, 2 months ago by
Vinay.
Hi,
Copy the text shadow css rule
text-shadow: 2px 2px 2px #000;
and paste it in the “pust-top” selector css code I provided in the other ticket.
So it should look like
.pust-top {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
text-shadow: 2px 2px 2px #000;
}
My bad it’s suppose to be “push-top” and not “pust-top” :P
Best regards,
Vinay
Hello,
Parallax is working great on desktop, however we cannot get it to work on any mobile device whether it is a phone or tablet, apple or android. I want to use it as a background photo in a color section. Is there any workaround for this issue?
I’m using the latest Enfold update 3.8.4 on WordPress 4.7
-
This topic was modified 9 years, 2 months ago by
MartinP30.
Hey ycoleman31,
I checked the setting and it appears to be fine. When I scroll the homepage the header sticks to the top please check the screenshot below. You may not see the changes until the cached files are cleared in your browser.
Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.

If you still have any issue please let us know which device and browser you are facing this issue and if possible upload a screenshot/mockup to imgur.com and share the link here so we can help you better :)
Best regards,
Vinay
-
This reply was modified 9 years, 2 months ago by
Vinay.
Hi Andy,
Hmm I tried adding that code and looking at the page but am still having trouble. The logo is still shrinking in the top right or not moving at all, and is always not centered. I would like it always centered until it hits the mobile version of the website.
I know this is possible seeing I was helped with this issue before with this site ( see private) The problem is i’m not sure what code I used. I wish there was a way to search just my threads seeing I could prob figure it out, I just have too many seeing I use this theme for all my clients – don’t worry I have them all pay for it :)
Please Advise
couldnt find answers searching the forum, any idea?
I need to remove the upper and lower gap on this column to have the border line around the two icons as pictured in private, how is this achieved? i tried using negative padding top and bottom but no luck
Hi Ismael,
You’re a genius, thank you very much. Absolutely amazing product, support and professionalism.
You can close the thread.
If anybody else happens to have the same problem, here is the CCS which fixed it:
/* color of main menu items
——————————– */
.header_color .main_menu ul:first-child > li > a {
color: white!important;
}
/* hover state of main menu items
——————————— */
.header_color .main_menu ul:first-child > li a:hover {
color: #c4f1f2!important;
}
/* color of active menu item
———————————*/
.header_color .main_menu ul:first-child > li.current-menu-item > a {
color: #88e0e2 !important;
}
#top #header.header_color.av_header_transparency .av-main-nav > .current-menu-item > a .avia-menu-text {
color: #88e0e2 !important;
}
Thanks again,
James

Above is a clear image of the backend of what the post page template would look like. you can see at the top the name of the page… and the link for the page….

the pic above has writing on it which explains what is trying to be solved within the template page that i created….
in addition to the problems that i am trying to solve to get the “post template” page working right……just as a page….. is the problem of trying to get it to work with posts auto populating into this layout. i have no clue how to do that… and am praying you all can help…

This is how to make text wrap around the ad widget… from the plugin side… but i am not sure if the title box or the text box would block the text from inside of it from wrapping around the widget somehow… i am also not sure if i should use a title box or a text box… but instead should use some sort of code to pull in the title from the post and the text from the post
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .av-masonry-load-more { font-size: 25px; }
Best regards,
Yigit