Align Text with Logo inside a Header Supply Theme

New Member
38 0 0

Hello,

 

Need to Align Text on the left

font: Baskerville No 2 - Regular

color: black;

font-size:45px and Registered Symbol next to it 

 

with Logo on the right inside Header Section. How to do it in Supply theme? 

 

https://meow-cleeva.myshopify.com/      "BOOBOO".

 

Please help

0 Likes
Highlighted

@natali5115 

Which text exactly? Please send a screenshot.

Thank you

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
38 0 0

USER_SCOPED_TEMP_DATA_orca-image--2050774401.jpeg

 Meow Cleeva on the left with a logo on the right in Header

Please help 

0 Likes
Highlighted
New Member
38 0 0

USER_SCOPED_TEMP_DATA_orca-image--355529707.jpeg

0 Likes
Highlighted

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

@media (min-width:767px){

header.site-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: auto 10px;
}


header.site-header > .wrapper,
header.site-header > .wrapper * {
   max-width: 500px;
   width: 100%;
}

header.site-header > *:nth-child(2){
    max-width: 50%;
    width: 100%;
    
}
}



Please let me know whether it works.

Kind regards,
Diego

 

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
38 0 0

USER_SCOPED_TEMP_DATA_orca-image--682755977.jpeg

 it got better 

Is there a way to get it a little closer to the edge please? Align lowest point of the logo please... 

0 Likes
Highlighted

Hello,

It would require more advanced Liquid/CSS knowledge to implement this feature, I'm afraid that unfortunately there is no simple copy-paste solution otherwise I'd happily guide you through.

In case you're unfamiliar with these technologies you can shoot me an e-mail, I'm available for hire and would be happy to assist you.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
38 0 0

USER_SCOPED_TEMP_DATA_orca-image--2090341103.jpeg

 can you help to align logo in footer please? 

0 Likes