How to change font size for tablet views
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
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
by 41global
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
you must replace "topmenu" with the menu ID
CEd
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
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;
}
by 41global
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
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.
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