How can I enlarge menu text and remove header social links?

[zimey]

Is it possible to get the menu text bigger? and remove the social links in the header?
Website url: https://guldklippet-se.myshopify.com/

Thanks in advance!

[JasmeetVT14313 · Accepted solution]

Hello @zimey 

It seems you have added custom styling to the theme.liquid.
You can increase the font size in the your code in the below property.

.list-menu__item {
    font-size: 11.5px !important;
}

However it's better if you can move the styling to your styling/CSS files.

If you want to update only Header menu font size. try using the below code to your CSS file and comment the above piece of code.

.header__inline-menu .header__menu-item {
    font-size: 14.5px;
}

It is recommended not to use important. 

To hide the social icons, try adding below styling.

ul.header__social.list.list-social {
    display: none;
}

Please hit Like and mark as a solution if it helps

[JasmeetVT14313 · Accepted solution]

Hello @zimey 

It seems you have added custom styling to the theme.liquid.
You can increase the font size in the your code in the below property.

.list-menu__item {
    font-size: 11.5px !important;
}

However it's better if you can move the styling to your styling/CSS files.

If you want to update only Header menu font size. try using the below code to your CSS file and comment the above piece of code.

.header__inline-menu .header__menu-item {
    font-size: 14.5px;
}

It is recommended not to use important. 

To hide the social icons, try adding below styling.

ul.header__social.list.list-social {
    display: none;
}

Please hit Like and mark as a solution if it helps

[zimey]

Thank you it worked!!
Could you help me centering the logo aswell?
Thanks in advance.

[JasmeetVT14313]

@zimey 
Try adding below code 

@media screen and (min-width:1200px){
h1.header__heading {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 25px;
}
}

 
Please hit Like to the solutions you find helpful.

[zimey]

This code dosent move my logo 😞 should i paste it in theme.liquid? 

[JasmeetVT14313]

Can you retry the above code now, I have updated the code.

Please hit Like to the solutions you find helpful.

[zimey]

Here, in theme.liquid

[JasmeetVT14313]

@zimey 
Can you retry the above code now, The code has been updated.
Please hit Like to the solutions you find helpful.

[zimey]

unfortunately its seems to not working:(

[JasmeetVT14313 · Accepted solution]

@zimey 
You have added it at wrong place. Please add it to a CSS file

[zimey]

Thank you!!! now it worked 😄

[JasmeetVT14313]

Glad it helped!
Please hit Like to the solutions you found were helpful.

[zimey]

It helped but seems like the logo is only centered on the main page 😛

[JasmeetVT14313]

@zimey 
Can you let me know where did you add it? 

[Raynorabru]

Certainly! Here's a shorter version:

---

To increase the menu text size and remove social links from the header:

1. Go to your Shopify admin dashboard.
2. Navigate to Online Store > Themes > Edit code.
3. In "theme.scss.liquid" or "theme.css", add this CSS to increase menu text size:
.site-nav__link {
font-size: 16px; /* Adjust size as needed */
}

4. To remove social links, find and delete/comment out the code related to `<ul class="social-links">`.
5. Save your changes.

Refresh your website to see the updates.

If you need further assistance, feel free to ask!