Silverstreak Posted November 18, 2021 Share Posted November 18, 2021 Site URL: http://www.silverstreakstudio.com Hi, I would be grateful if anyone could help with the code to reduce the padding between the navigation items for tablet view only so that all the items fit on one line. Also, I would like to reduce the height of the header in tablet view which will mean also reducing the size of the logo. Ste url: http://www.silverstreakstudio.com PW: silverstreak Many thanks in advance. Link to comment
tuanphan Posted November 20, 2021 Share Posted November 20, 2021 On 11/18/2021 at 3:35 PM, Silverstreak said: Site URL: http://www.silverstreakstudio.com Hi, I would be grateful if anyone could help with the code to reduce the padding between the navigation items for tablet view only so that all the items fit on one line. Also, I would like to reduce the height of the header in tablet view which will mean also reducing the size of the logo. Ste url: http://www.silverstreakstudio.com PW: silverstreak Many thanks in advance. Try adding to Design > Custom CSS /* Tablet nav */ @media screen and (max-width:900px) and (min-width:641px) { .Header-inner.Header-inner--bottom div { white-space: nowrap !important; } a.Header-nav-item { margin: 0 2em !important; } } Silverstreak 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Silverstreak Posted November 23, 2021 Author Share Posted November 23, 2021 Thanks so much Tuanphan - much appreciated. Is there any way to reduce the size of the logo at the same time ? Link to comment
tuanphan Posted November 26, 2021 Share Posted November 26, 2021 On 11/23/2021 at 2:48 PM, Silverstreak said: Thanks so much Tuanphan - much appreciated. Is there any way to reduce the size of the logo at the same time ? Use this code /* Tablet nav */ @media screen and (max-width:900px) and (min-width:641px) { .Header-inner.Header-inner--bottom div { white-space: nowrap !important; } a.Header-nav-item { margin: 0 2em !important; } img.Header-branding-logo { max-width: 70px; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment