Need to add some text to Header Minimal in Ella 6 theme

Shopify Discussion
1

I am using Ella 6 theme and trying to add my contact phone number to the Header Minimal.

How can I achieve this using custom css
website.png

1 Like
2

To add text to the header minimal in the Ella 6 theme, you will need to modify the theme’s code. First, go to your Shopify admin dashboard and navigate to Online Store > Themes. Find the Ella 6 theme and click on Actions > Edit Code.

Next, locate the header section in the code. It is usually found in a file called header.liquid or something similar. Open this file and look for the HTML markup that defines the header section. You can add your desired text within this markup.

Once you have added your text, save the changes and preview your store to see if it appears correctly in the header minimal section. If not, double-check your modifications and make sure there are no syntax errors or conflicts with other elements of the theme.

Remember to always make a backup of your theme before making any changes to avoid any potential issues or data loss. Jwellery

3

Hey @sudeep11
To add a phone number to the Header Minimal in the Ella 6 theme, you would typically need to modify the theme’s Liquid files rather than just using CSS. The following CSS can be used.

Please note that this is a workaround and might not work perfectly. It’s generally better to modify the theme’s Liquid files to add elements like this, but that would require knowledge of Shopify’s Liquid templating language. If you’re not comfortable doing this yourself, you might consider hiring a Shopify expert or reaching out to the theme’s developers for assistance.

.site-header__logo::after {
    content: "Your Phone Number";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff; /* Change this to match your header background color */
    color: #000; /* Change this to whatever color you want the phone number to be */
    padding: 5px;
}
4

Thanks SMohsin for your help, but unfortunately I am unable to find any html code. By the way, nice website you are putting up there.