Joomla Templates Club 406,261 posts

[amir00251 Friend amir00251Join date: January 2011Posts: 113Downloads:38Uploads:13 Thanks: 13 Thanked: 11 times in 1 posts]

#189156

Hello,

Ja Smashboard is a mobile friendly template (responsive) however I want to add a Article Submit form and the form elements disappear in mobile screen.

Just as an example on the Editor (JCK), difference can be seen below:

Now, I can add a custom css such as

.cke_skin_office2007 span.cke_wrapper.cke_ltr {
width: 700px !important;
}

to change the width of editor but my question is how I can make this happen only for Mobile css? Maybe I can add a custom css only for tablets for example? how this is possible.

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#499880

You can try with my following suggestion:

+ Create custom.css file on this path: templates/ja_smashboard/css/

+ Add your custom css script into it.

If you can customize css for mobile and tablet as my sample

/* mobile */
<blockquote> @media (max-width: 767px) {
.cke_skin_office2007 span.cke_wrapper.cke_ltr {
width: 700px !important;
}
}
</blockquote>

/* tablet */
<blockquote> @media (min-width: 768px) and (max-width: 979px) {
.cke_skin_office2007 span.cke_wrapper.cke_ltr {
width: 700px !important;
}
}</blockquote>

1 user says Thank You to Ninja Lead for this useful post

1. amir00251

[Author]

Posts