Thank you.

To be clear, we are no longer trying to create the parallax effect on mobile – I understand that is not possible. We are now only trying to control the cropping – the section of the photo that appears on mobile devices. As it stands, the desktop view selects from the TOP of the image, while the mobile view selects from the BOTTOM of the image. We are trying to get the mobile view to select from the TOP of the image – that would fix the problem.

My developer tried the code you sent. What happens is that the code is effective when the site is viewed in a browser on a computer that is simulating a mobile (for example, on Chrome); however, when the site is viewed on a mobile device, there is no effect.

Below, I will paste the contents of the custom.css file so that you can see we are applying these commands correctly. You can view the results for yourself by visiting the page: http://www.abeautifulceremonynw.com/newsite/faq/ and looking at the image at the top first in a browser in a mobile simulating view (where the screen size is small to trigger the css), and then again on an actual mobile device (We are testing on an iphone 5s and Nexus 5 and 6.

****************contents of custom.css below*****************************

/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

/*
Desktop Styles

================================================== */

/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {

  /* Add your Desktop Styles here */

}

/*

Mobile Styles

================================================== */

/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */

.responsive #top #main .container_wrap:first-child {

background-size: 277% 85% !important;

background-position: -337px 85px !important;

}

}

Hello

I just want to remove the green header on the mobile !!

As for the caption on the iPhone 5c screen the caption has been moved to the top I prefer it in the middle however I am able to see the captions fully on the other sides.

Overall please look back above as the question is the same.

When entering the home page I find too much appears and only want the slide to appear without the green header. is there away to to just have the menu with the line icon that reveals the menu on the images.

Your screenshot shows nothing. I have a header on the website, with an image on it. In all your answers you are not trying to find a solution. Other were very close but they simple stoped to answer. What happened to this guys? This is not right and i am tired already.

thanks alot Andy,

It seems like it works better now and I have shortened as well the text in the progress bar so it wont brake.

I have this css on top of your css, do I need this?
.custom-tag { padding: 5px; background-color: rgba(0,0,0,0.5); }
@media only screen and (max-width: 767px) { .progressbar-title {
font-size: 11px;

All css together looks like this:
.custom-tag { padding: 5px; background-color: rgba(0,0,0,0.5); }
@media only screen and (max-width: 767px) { .progressbar-title {
font-size: 11px;
}}
@media only screen and (max-width: 767px) { .av-catalogue-content p:last-child {
font-size: 11px;
}
.avia_message_box_content {
margin-left: -8px;
margin-right: -8px;
}}

I found a solution to use tabs instead with progressbar but the text dont fit. Is there a solution for this?

View post on imgur.com

• This reply was modified 9 years, 4 months ago by lech07.

@ Ismael

I don’t think it’s a mobile browser issue since I tested this in google chrome and firefox in my phone ( my android phone doesn’t have a custom rom ). I also tried this on another phone as well.

In one of googles web tools , forgot the name. It showed the same problem but when I clicked the desktop version it was ok.

As for the enfold demo, yes it works without a problem.

Could this issue be with my hosting ?

Hi Basilis,

I just turned on repeat for the background instead of stretching full width and that fixed the issue. So if anyone has the same issue, there it is. Sorry for starting a topic on this, I thought it might be a browser issue. This ticket can be closed.

Thank you,
Chris

So, finally the Toolset Types plugin was not the real source of this problem. The real problem was that our wordpress was not able to use enough memory, due to system restrictions by our provider. We raised the memory limit in the wp-config and we had to reinstall the themes and plugins after that, and then everything worked out ok again. The advanced editor is working again.

Thanks!

(This topic can be closed now!)

I noticed on the single event pages, there’s now a big empty gap at the top before the text begins. What could’ve gotten messed up?

• This reply was modified 9 years, 4 months ago by LAVision.

Hi @Ismael

first of all
you have to know that i Really love Enfold and purchased it many times since i discovered it.
also my colleges are using it many times because of my enthusiasm and recommendation.
i realy love to recommend on enfold. thinking you have winning formula of Good product + exellent service.

if you will really pay attention you will se that there is a bug in the theme setting.
the setting “Logo left, Menu right” (see image) is working only on desktop version when it comes to RTL website.
it is not affecting mobile version. this is bug.

in your demo this setting is working fine. i asume it because its LTR site and not RTL.
and bealive the bug is only on RTL version.

this is the reply to your answer.

1. The lag is really nasty. its making the menu come on top of the logo and only after a while it jumps to the right as we want it.
from the begining it showed only at the left. the CSS fix you gave here is the only reason its trying to go to the right. and going there at the end.
the settings of the theme is broken any how for mobile.

2. the other site is not relevant because i did not put there any CSS fix.
it is only shows the bug of the theme settings that the logo and menu not order as we asked in the theme settings.

please understand that i can dig in the theme itself but my work will be ruin in the next update.
this is why your action is needed.

Thanks

Hi Ismael,

That had the effect of pulling the content from the top main field, making it bold and putting it flush with the subcategories. There was nowhere to edit it either. See screenshot of what happened: http://imgur.com/a/ybwgB

Thanks
Vincent

Hi! Unfortunately from my iPhone 7 (italy), the font of the text that I have set is not read correctly. I did the test from other phones (iPhone 5 and Huawei) and also the font is not read.
I set the font (Hobo std) from the back end in “layerslider wp” but the font look good ONLY from the desktop and some mobile phone models.

Do you have some practical steps to solve the problem?