How to change font size for tablet views

How to change font size for tablet views was created by 41global

Posted 5 years 9 months ago #48832
Hey There,

I am wanting to change font size for Desktop/Tablets but unsure what css selector to use. I know using the Params allows me to edit the font size but that is for both desktop and tablet I believe. I am wanting to specifically change font size on tablets via css somehow. Thanks so much N Advance

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic How to change font size for tablet views

Posted 5 years 9 months ago #48833
Hi
if you are using the maximenu mobile plugin then you can style the mobile menu from the plugin options
else you can add a css rule using mediaqueries
something like
Code:
@media screen and (max-width: 900px) { div#topmenu ul.maximenuck li.maximenuck > a { font-size: 22px; } }

you must replace "topmenu" with the menu ID
CEd

Joomlack Webmaster and Developer

by ced1870
The following user(s) said Thank You: 41global

Please Log in or Create an account to join the conversation.

Replied by 41global on topic How to change font size for tablet views

Posted 5 years 9 months ago #48849
I've been using the plugin for a while and had no clue of those settings under the plugin. Thank you so much! Where exactly would I get the Menu ID? The ID number is 133 so would the tag be maximenuck133
Last Edit:5 years 9 months ago by 41global
Last edit: 5 years 9 months ago by 41global.

Please Log in or Create an account to join the conversation.

Replied by 41global on topic How to change font size for tablet views

Posted 3 years 11 months ago #56532
Hey Ced,

Still having issues with changing font size for tablet. I have the following but still not having any luck
Code:
div#maximenuck88 ul.maximenuck li.maximenuck > a { font-size: 32px; }

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic How to change font size for tablet views

Posted 3 years 11 months ago #56533
Hi
Please give me the url of your page to check, and tell me where you have added the css code (maximenu styles, template ... ?)
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by 41global on topic How to change font size for tablet views

Posted 3 years 11 months ago #56536
www.mynaturalhairstyle.com/

I have the css code included within the template css file and tried different syntax but no luck with any of the 3.
Code:
/* ##Device = Tablets, Ipads (portrait) ##Screen = B/w 768px to 1024px */ @media (min-width: 768px) and (max-width: 1024px) { #maximenuck88 ul.maximenuck li.maximenuck > a { font-size: 52px; } .maximenuck88 ul.maximenuck li.maximenuck > a { font-size: 52px; } div#maximenuck88 { font-size: 100pt; } }
Last Edit:3 years 11 months ago by 41global
Last edit: 3 years 11 months ago by 41global.

Please Log in or Create an account to join the conversation.

Time to create page: 0.669 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1099 guests and no members online