-
Posts
-
Hi guys!
Would you tell me please how can I do to change font size of mobile version only?Regards
SantiagoHey Santiago,
Can you try adding this CSS code?
@media only screen and (max-width:767px) { #top p { font-size: 14px; } }Just adjust the font size values, and also this only applies to paragraphs not headings.
Best regards,
NikkoHi,
Please try to add the code to the very top of quick css so it runs first, and please clear the cache a few times over.
Best regards,
Jordan ShannonFirst i had to ask you what you are understanding on “mobile version”
do you mean small screen width or do you mean the mobile devices ?Hi Santiago,
Would you like to change font size of mobile menu? If you do, please go to Enfold theme options > Advanced Styling and edit “Menu Links in overlay/slide out ” and increase “font size”.
If that is not what you meant, please post a screenshot and show the changes you would like to make. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here :)
Regards,
YigitHi Guenni007, I meant mobile devices
in this case you had to know that enfold adds a class for mobile devices to the html so you can use .responsive.avia_mobile
to influence only css on mobile devices.f.e.: something like this has influence on ipad landscape – allthough this is 1024px width or more – but has no effect on desktop browsers
( by the way the pendent to that mobile class is: avia_desktop ).responsive.avia_mobile #top #avia-menu .avia-menu-text { color: red !important; }Hi there!
Since last enfold updated I have duplicate menus on site’s desktop version: desktop menu and also burger menu.
Link via private.How can I hide burger menu from desktop version?
I appreciate your help!
Best regards
Santiago
- You must be logged in to reply to this topic.