[Paul]

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

earthpulse.net

plz help

thanks

[Sakin]

@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; }
}

[Paul]

thank you!
I would be happy to give you a 5 star rating and feedback. Do let me know if i can do that.

cheers

[Sakin]

@Paul: Yes, it will be great if you can rate it at https://wordpress.org/support/view/theme-reviews/catch-flames?rate=5#postform

[Paul]

ok psysid has rated you 🙂

[Sakin]

@Paul: Thanks a lot. You Rock 🙂

[Kip]

Hi
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?
Thanks

[Sakin]

@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; }

[Kip]

Thank you Sakin.

[Kip]

Sorry Sakin – Kip again.
Tried this with 150px and nothing changed.

[Sakin]

@Kip: where did you add that css? I don’t see it in your site.

[Kip]

When it didn’t work, I went back to the previous child style.css.
I’l putit back in. Sorry about that.

[Sakin]

@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; }

[Kip]

Thank you Sakin – you are brilliant!
Works excellently.
Kip

[Kip]

Hi Sakin – me again!
The mobile menu is looking very good – would like now to reduce the height of each menu block (? line height?)
Thanks
Kip

[Sakin]

@kip: Add the following css:
#branding #mobile-header-left-nav ul.menu a { line-height: 1.2; }

[Author]

Posts