- This topic has 2 replies, 2 voices, and was last updated 4 months, 1 week ago by
.
<p data-start=”339″ data-end=”365″>Hi Shufflehound Support,</p>
<p data-start=”367″ data-end=”459″>I’m using jevelin and I’m having an issue with the <strong data-start=”423″ data-end=”456″>desktop navigation bar height.</p>
<p data-start=”461″ data-end=”808″>I’ve already reduced the logo size (from 140px down to 90px max width/height), which helped, but the <strong data-start=”562″ data-end=”614″>navbar itself is still much taller than I’d like. It looks like the <code data-start=”634″ data-end=”668″><header class=”primary-desktop”> container has an inline style setting a height (around 200px), which forces the whole navbar area to be too big even with a smaller logo.</p>
<p data-start=”810″ data-end=”824″>I’d like to:</p><ul data-start=”825″ data-end=”1037″>
<li data-start=”825″ data-end=”876″>
<p data-start=”827″ data-end=”876″>Shrink the <strong data-start=”838″ data-end=”855″>navbar height to around <strong data-start=”866″ data-end=”874″>60px</p><li data-start=”877″ data-end=”940″>
<p data-start=”879″ data-end=”940″>Keep the <strong data-start=”888″ data-end=”938″>logo scaled down (40px tall inside the navbar)</p><li data-start=”941″ data-end=”1037″>
<p data-start=”943″ data-end=”1037″>Ensure the <strong data-start=”954″ data-end=”1021″>menu items (About, Shop, Feedback, etc.) are vertically aligned with the logo</p><p data-start=”1039″ data-end=”1169″>I’ve tried custom CSS to adjust <code data-start=”1071″ data-end=”1091″>.sh-header-wrapper and <code data-start=”1096″ data-end=”1114″>.primary-desktop, but the inline height seems to override my changes.</p>
<p data-start=”1171″ data-end=”1221″>Could you please let me know the correct way to:</p>- <li data-start=”1222″ data-end=”1263″>
<p data-start=”1225″ data-end=”1263″>Reduce the navbar/header height, and</p><li data-start=”1264″ data-end=”1320″>
<p data-start=”1267″ data-end=”1320″>Align the logo + nav links cleanly in a slimmer bar</p><p data-start=”1322″ data-end=”1345″>Thanks for your help!</p>
this has been resolved
Hello,
Thank you for letting us know!
Best regards,
Shufflehound team
