How to change font size for tablet views

More
6 years 11 months ago #48832 by 41global
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.

More
6 years 11 months ago #48833 by ced1870
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
The following user(s) said Thank You: 41global

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

More
6 years 11 months ago - 6 years 11 months ago #48849 by 41global
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: 6 years 11 months ago by 41global.

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

More
5 years 1 week ago #56532 by 41global
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.

More
5 years 1 week ago #56533 by ced1870
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

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

More
5 years 1 week ago - 5 years 1 week ago #56536 by 41global
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: 5 years 1 week ago by 41global.

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

Time to create page: 0.258 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 2212 guests and 3 members online