Public Forums 71,145 posts

[Elad Friend EladJoin date: May 2016Posts: 42Downloads:67Uploads:8 Thanks: 4]

#1038752

Hi, I have built this page: http://kamatourism.co.il/ It is based on one of the ready made pages. The hero part does not look fine on mobile browser which are not chrome or explorer. Is there any fix’ or should i try by my self to fix it with css? Thanks (Page Builder, genneraly, works very good. Iwonder if there is a possibility to give a widget the full scale of cols number and not only up to 6. i had to add more css to make the form in this page spread all over the container)

---

Attachments:

1. 
2. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1038912

Hi Elad,

You can try to add this css rule into the Settings > Custom Style > Custom CSS:

@media (max-width: 480px) {
.jub-block .container.text-center {
  margin-top: 100px;
}
}

and let me know how it goes

[Elad Friend EladJoin date: May 2016Posts: 42Downloads:67Uploads:8 Thanks: 4]

#1038940

I returned to page and opened custom code "top of head for all pages".
It looks like all the CSS rules that i added vanished!
But, Strangely the live page it self contains the code.
I fear that if i will add this code and publish page, the former code will be erased from page.
Another dilemma, if i want to edit former CSS code how can i do that if it does’nt shows in "custom code" window?
Thanks

[Elad Friend EladJoin date: May 2016Posts: 42Downloads:67Uploads:8 Thanks: 4]

#1038941

Sorry, i meant "bottom of head for all pages"

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1038987

It’s weird. It tried to add css in Custom CSS field for All pages > Publish

Then I add new css but the old css still there.

I’m using latest version 1.0.6.

[Elad Friend EladJoin date: May 2016Posts: 42Downloads:67Uploads:8 Thanks: 4]

#1038991

So it is a bug that need to be fixed?
Currently i can’t see my original custom code, so i can’t change it.
I fear’ that if i will add the fix for mobile the original code might be erased from the source code…
Any suggestions? i’m using fresh release, i downloaded it 2-3 days ago.

[Elad Friend EladJoin date: May 2016Posts: 42Downloads:67Uploads:8 Thanks: 4]

#1039425

Hi,
Is there any solution on the horizon?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1039459

Unfortunately, I can replicate the issue, as I mentioned above, I added custom css into that custom style field for All Pages, then I add new css, the old ones still there.

You can try to add new css code into the ‘Custom Code’ parameter under template manager of JA Builder:

• Go to admin panel > Extensions > Templates > JA Builder
• Navigate to Custom Code tab:
• Add this:

  <style>
  @media (max-width: 480px) {
  .jub-block .container.text-center {
  margin-top: 100px;
  }
  }
  </style>

http://prntscr.com/ffyrcc

[Author]

Posts