Public Forums 71,145 posts

[micker Friend mickerJoin date: March 2006Posts: 131Downloads:1Uploads:3 Thanks: 9 Thanked: 4 times in 1 posts]

#183095

hello
how to add rule for size h2 in my cat title
http://phi-adhoc.com/

#entete-categorie h2 {
color: #FFFFFF
font-size: 380%;
padding: 30px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
text-transform: capitalize;
}

it good for desktop but it’s too big for phone and tablet …
thanks for any help

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#476196

Other than modifying the font-size property … what other kind of “rule” are you looking to add?

[micker Friend mickerJoin date: March 2006Posts: 131Downloads:1Uploads:3 Thanks: 9 Thanked: 4 times in 1 posts]

#476204

but if i want this size for desktop but if it to big in phone … no solution (other %)
regards

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

#476449

Hi micker,

You can do that by using the @media jquery feature which helps to implement conditional execution.

Pls open file: templatesyour_default_templatecsscustom.css, add code like:

@media (min-width: 768px) and (max-width: 979px) {

//insert your css rule here;

}

min-width and max-width here are minimum and maximum width of device’s screen you want to apply this css rule

1 user says Thank You to Saguaros for this useful post

1. micker

[micker Friend mickerJoin date: March 2006Posts: 131Downloads:1Uploads:3 Thanks: 9 Thanked: 4 times in 1 posts]

#476675

thanks it works !!!
a basic question when you publish new version with mega menu management ?

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

#476765

To be frank, we wish to publish it in the next release of JAT3V3 framework, please follow our blog and update

Best Regards

[Author]

Posts