CSS difficult to save and 2 columns on ipad

Support
#1

Hello dear support.

I have 2 issues and I dont know if they are related or not. This is for the website: dharmaebooks.org

  1. Firstly I cannot save CSS in the page cusomiser. Recently I have added a post carousel to the front page and needed to style it with additional CSS but saving it in the page customiser just didnt work. I was hitting Save button and was getting message that the page is updated, but next time I checked the CSS is not there. Finally I have placed that CSS into Additional CSS space in Appearance.
    The same thing happens when I try to delete some CSS from the page. I have made some video to show the problem, please see from here: https://www.dropbox.com/s/hn1lw26yxtfhor9/css%20not%20saving.mov?dl=0

  2. Secondly, the CSS which is currently on the page stopped working. I have some styling there that should allow 4 collumns turn into 2 columns on ipad. And the one that fixes size of the Newsletter form, also on the home page. It goes like that:

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px){
#x-section-4 .x-column.x-1-4 {
width: 48%;
float: left;
}
.x-column.x-1-4:nth-child(2) {
margin-right: 0;
}
}
@media (max-width: 1024px){
.home #x-section-6 .x-column.x-1-2 {
width: 100%;
}
.home #x-section-6 .x-column.x-1-4 {
width: 100%;
}
}

@media (max-width: 767px){
#x-section-3 .x-container {
padding-left: 0 !important;
padding-right: 0 !important;
}
}

It was working very well till today. Now there are 4 sloppy columns on my ipad. And Newsletter form looks funny too. Here is the screenshots:

I have tried to to make the 2 colums on ipad following the advice given here: https://theme.co/apex/forum/t/tablet-breakpoint-of-4-column/17864, but it didnt work. Well, firstly, as you can see on the video I cannot even delete the current CSS to replace it with new one.

Hope you can help me.
Beata

#2

Hi Beata,

Please use X Theme Options CSS for CSS, let us know how it goes.

If you are still facing issues, please check your CSS code for syntax errors, if you cannot find anything please provide the specific page and your admin credentials in a secure note so we can take a closer look.

Thanks!

#3

I’m sorry, I don’t understand, what are X Theme Options CSS?

#4

Hi again,

You can find Theme Options under Dashboard > Appearance > Theme Options (see screenshot)

Then click on CSS link (see screenshot)

Hope this helps!

#5

I have saved the secure not but I should add that no matter where I put the css, it doesnt solve the ipad view issue.

#6

Hi there,

It’s not really saving and there is no error in ajax responses. Would you mind providing your FTP login credentials as well? Maybe we can check some error logs.

About the columns, I’m not getting that look on my iPad. The columns are equally spaced and responding.

Thanks!

#7

Hi there,

Upon further checking, this is caused by one of your existing plugins. There is a warning about has_cap being deprecated but it’s pointing exactly to which plugin. And saving works when all the plugins are inactive (I added /* test */ as a test).

You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes!

#8

Dear Rad,

thank you so much for getting into bottom of this. So now I know, which plugin was causing such a problem. It is Essential Addons to Cornerstone, which I have updated on Sunday (so looks like that update is problematic). Or specifically the Posts Carousel, which is presented on that page.

What would you advise me to do now? Should I look for another posts carousel? Pitty you dont have such a thing integrated in X, actually. It is so useful for mobile view (no need to scroll down so much).

#9

Hi There,

You could use our plugin THE GRID using Posts as a source and have a horizontal grid with 1 row and auto-slide.

That could possibly work :slight_smile:

Hope it helps

#10

Thanks, I will try. I need to have vertical images with fixed height, is it possible to set it up in The Grid?

#11

Yes you can. Please check out the demo grid examples so that you can decide which of the skin will you use for your site.

1 Like
#12

Thank you. I can look into this next month and in case of questions will write again.

#13

You’re welcome.

#14

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.