Thanks. Never mind.

I’m sorry for not being able to get back to you earlier Victoria, but I was away from my desk.

Here we go:

Many thanks for your help and patience.

Thank you Victoria. It works now.

Please disregard my post. I figured it out myself. Many thanks anyways!

Hello Victoria,

I’m terribly sorry, but I still don’t know where you are getting the negative left alignment from.

Unless, I’m looking at the wrong element (“Styles” of each Layer) within Avia Advanced Layer Slider, all of my layers have a 150px left alignment value – except for the “Subscribe” layer, which has a value of 237px. Where do you see the negative left alignment? Maybe it’s a cache issue.

Please kindly double check, using the login credentials I provided earlier.

Many thanks for your time and help with this.

Sorry to say Victoria, but removing this line of code has no effect whatsoever.

I removed it from the child’s style sheet and although the big preview image is being selected in the theme’s options, it still shows the small preview image.

Moreover, the header of that line of code suggests that this is merely linked to removing the post category icon (i.e. image, video, etc.)

Thoughts?

Hey Mike,

Thanks for getting back to me. I was finally able to restrict the maximum width of the slider 1920px; however, the whole thing didn’t make any difference.

The two text layers are still out of place when I look at the slider on my iPad.

Would you mind taking a look? I’d appreciate it. You can find the login info below.

Many thanks.

Thanks Jordan, I’ve done that and I can see the new drop-down menu item in the masonry blog element now. I’m still not clear on how I would need to go about creating a custom order though.

For instance, instead of:

All Gear Inspiration MBA Opinion Travel Uncategorized

I would like to implement:

All Inspiration MBA Opinion Travel Gear Uncategorized

I’m sorry if this post should be the result of my ignorance, but the choices in the drop-down menu aren’t that obvious to me …

Many thanks

Hi Nikko, unfortunately the code you provided above doesn’t seem to work. It even messes up the full screen (desktop) version of my LayerSlider. I took a screenshot before switching back to the old code I mentioned earlier in this post.

Nevertheless, the text on the LayerSlider looks small and somewhat wimpy on mobile device (iPad, Smartphone). Not sure what else to say. What I’m hoping to achieve is something similar to http://www.lippincott.com.

Any ideas?

Many thanks.

Hi there, Yigit and Nikko,

I have no created another page on my blog, which will feature another text-based Advanced Layerslider. The page id for this page is 705.

How would I need to incorporate this additional page (iD) into your code below, so it will apply to this second page as well?

I will also check on the potential CSS sheet issue and post it via pastebin, but there’s hardly anything in it.

Many thanks for your time and help with this.

Happy New Year!

@media only screen and (max-width:1024px) {
#top.page-id-174 #wrap_all .ls-wp-fullwidth-container .ls-slide {
display: flex !important;
align-items: center;
}

#top.page-id-174 .avia-layerslider .ls-slide p {
font-size: 62px !important;
height: auto !important;
line-height: 1.2 !important;
padding: 50px 120px !important;
position: static;
width: 100% !important;
}
}

@media only screen and (max-width:767px) {
#top.page-id-174 .avia-layerslider .ls-slide p {
font-size: 28px !important;
padding: 0 20px !important;
}
}

Sorry about that Nikko,

Here we go again. The login info works now. I’ve tried it.

Like I said, the content of the layerslider is still cut off, when I’m looking at the site on my iPad. Please see screenshot below. I’ve erased the cache and browsing history and it didn’t make a difference.

Many thanks for your help and Happy Thanksgiving!

No problem, Nikko. Thought that you guys were busy.

Anyways, I tried your code and it didn’t have any impact neither on how the text is displayed on smaller mobile devices, nor did it resolve the issue with the first word being cut off. Thoughts?

Many thanks.

Thanks for getting back to me, Rikard,

I registered a Google API key following the instructions provided in the Enfold documentation and registered it in the Google services section of your theme.

Unfortunately this doesn’t make a difference. The map shows for a few seconds and then, then error message appears again. Would you mind taking a look?

Please see you login details below.

Many thanks

Would it be possible to try “Yigit?

As you can see, this is only a very simple blog with no pages or other content that may be at risk of being affected.

I’m just wondering how other users are going about this. I’ve seen this plugin on many blogs and I never noticed the triple header problem. What would you do? Please advise.

Many thanks.

Wow, that was fast !!!

Please see the URL to my blog below, Yigit.

Like I said, I just want to eliminate one of the 3 Comments headers that now show on my blog pages after activating the Facebook Comments plugin. The one I want to eliminate is the one in the middle that says “0 Comments”.

I would also like to match the formatting of the header “Share this entry” with the formatting (i.e. font-size) of the first “Comments” header.

Does this make sense to you now? Many thanks for your time and help with this.