- This topic has 15 replies, 3 voices, and was last updated 8 years, 3 months ago by Sakin.
-
AuthorPosts
-
August 11, 2015 at 10:49 am #62797PaulParticipant
Hi,
I would like to change the text size to be smaller for 960 px – 1090px, so the menu does not creep into 2 lines
plz help
thanks
August 11, 2015 at 11:51 am #62799SakinKeymaster@Paul: Oh you have lot of items in menu. For your site, you can add the following css in “Appearance => Theme Options => Custom CSS” box:
@media screen and (max-width: 1280px) { #access-top ul.menu a { padding: 12px; } } @media screen and (max-width: 1152px) { #access-top ul.menu a { font-size: 12px; } } @media screen and (max-width: 1100px) { #access-top ul.menu a { padding: 12px 9px; } } @media screen and (max-width: 1000px) { #access-top { display: none; } .mobile-menu { display: inline-block; float: left; height: 46px; margin: 0; overflow: hidden; padding: 0; width: 46px; } .mobile-menu a { padding: 12px; } }
August 11, 2015 at 12:10 pm #62801PaulParticipantthank you!
I would be happy to give you a 5 star rating and feedback. Do let me know if i can do that.cheers
August 11, 2015 at 4:29 pm #62815SakinKeymaster@Paul: Yes, it will be great if you can rate it at https://wordpress.org/support/view/theme-reviews/catch-flames?rate=5#postform
August 14, 2015 at 3:50 pm #63801PaulParticipantok psysid has rated you 🙂
August 14, 2015 at 7:23 pm #63812June 12, 2016 at 8:01 am #93359KipParticipantHi
I don’t know whether I am allowed to reply here – do I need to subscribe.
Anyway – developing site http://www.ipsc.org.au/wp/ with Catch Box Pro child.
Very happy overall, but would like to reduce the width of the repspnsive menu on my mobile phone (Samsung S5).
Can you help?
ThanksJune 12, 2016 at 9:31 pm #93389SakinKeymaster@kip: For catch box pro theme, you need to user the forum https://catchthemes.com/support-forum/forum/catch-box-pro-premium/
For that, you can reduce the width in the following css as per your need and then add it in your child them stye.css file
.sidr { width: 260px; }
June 13, 2016 at 7:14 am #93418KipParticipantThank you Sakin.
June 13, 2016 at 7:52 am #93420KipParticipantSorry Sakin – Kip again.
Tried this with 150px and nothing changed.June 13, 2016 at 10:56 pm #93486June 14, 2016 at 6:20 am #93494KipParticipantWhen it didn’t work, I went back to the previous child style.css.
I’l putit back in. Sorry about that.June 14, 2016 at 8:06 am #93497SakinKeymaster@Kip: Oh you are adding in your child theme style.css then it should be as below:
.site .sidr { width: 200px; } body.sidr-open { left: 170px !important; }
June 14, 2016 at 9:45 am #93507KipParticipantThank you Sakin – you are brilliant!
Works excellently.
KipJune 16, 2016 at 12:40 pm #93677KipParticipantHi Sakin – me again!
The mobile menu is looking very good – would like now to reduce the height of each menu block (? line height?)
Thanks
KipJune 16, 2016 at 11:28 pm #93724 -
AuthorPosts
- The topic ‘Responsive menu sizing’ is closed to new replies.