-
Hi,
I have set my logo to be
120px
height and now all my pages on mobile menu have the sameheight
. How can I make them have asmaller height
? -
Can I see your site?
-
Hi Ying,
Happy Holidays for you and your owns, and all the GP team, meanwhile.
You can see the login details bellow.
Regards
-
Fernando
Hi there,
Happy Holidays! To clarify, would you like to make the mobile logo smaller on just some specific pages? If so, can you share a link to a sample page you want to apply this to?
-
Hi Fernando, Happy Holidays to you too.
I would like my pages
<li>menu link 1</li>
,<li>menu link 2</li>, etc.
on mobile menu to have a smaller height (not the logo
that I like to be with the same size that is was now on mobile). -
Fernando
I see. Add this through Appearance > Customize > Additional CSS:
nav#mobile-header .site-logo.mobile-header-logo img{ height: 120px; }
Then, alter the menu item height values in Appearance > Customize > Layout > Primary Navigation on mobile(click the mobile icon).
-
Not working… can you please check this out?
-
Change Fernando’s CSS to:
nav#mobile-header .site-logo.mobile-header-logo img, nav#mobile-header .site-logo { height: 120px; }
-
It’s almost working… Now there’s a gap of some pixels between the header and the first
li
of the menu on mobile -
Did you remove your site link? Can you link it again so I can see the issue?
-
Yes! Sorry.. I wrongly marked this as solved.. I put it again.
-
Try adding this CSS as well:
#mobile-header .main-nav { margin-top: -14px; }
-
Not working either. In fact, now the logo doesn’t has 120px anymore…
-
Fernando
How did you add the CSS? I’m not seeing it added on your site.
-
The problem is solved! I had changed the theme by mistake…
Thanks!
-
Fernando
I meant that code isn’t showing. It’s not showing on the front end. Where did you add that CSS recommended by Ying?
- You must be logged in to reply to this topic.