PC webstore Title and Hamburger icon off centre

Solved

PC webstore Title and Hamburger icon off centre

rogue_johnson
Tourist
10 0 1

Using Debut Theme for www.calamitycult.com

 

on the PC version on the site the Hamburger Icon (Top Left) and Calamity cult Logo (Top Center) are off center

 

unsure what to change in the codes

Accepted Solution (1)
Uhrick
Shopify Partner
433 68 101

This is an accepted solution.

just figured the problem. Replace the previous code with

.site-header__logo-image {
   margin: 0 auto !important;
}
Shopify Developer
Hire me for theme customizations at [email protected] or Upwork
Was my answer helpful to you? Please like or mark as solution

View solution in original post

Replies 10 (10)

Uhrick
Shopify Partner
433 68 101

hello Rogue_johnson

 

go to online store > themes > actions > edit code 

in the theme.css file, add this at the end of it

.site-header__mobile-nav {
    display: flex;
    align-items: center;
    justify-content: center;
}

 

Shopify Developer
Hire me for theme customizations at [email protected] or Upwork
Was my answer helpful to you? Please like or mark as solution
rogue_johnson
Tourist
10 0 1

Hamburger icon is corrected although the Calamity cult is to the left

Uhrick
Shopify Partner
433 68 101

add this code below the previous one 

site-header__logo-image {
   margin: 0 auto;
}
Shopify Developer
Hire me for theme customizations at [email protected] or Upwork
Was my answer helpful to you? Please like or mark as solution
rogue_johnson
Tourist
10 0 1

issue still there

 

how would that code look complete or just paste it at the end?

Uhrick
Shopify Partner
433 68 101

paste at the end of the file

Shopify Developer
Hire me for theme customizations at [email protected] or Upwork
Was my answer helpful to you? Please like or mark as solution
rogue_johnson
Tourist
10 0 1

Screen Shot 2022-10-02 at 3.11.01 pm.png

Uhrick
Shopify Partner
433 68 101

I'm sorry, I didn't notice that I sent you without the dot (.)  Before site-header__logo-image, just add this dot and it should work 

Shopify Developer
Hire me for theme customizations at [email protected] or Upwork
Was my answer helpful to you? Please like or mark as solution
rogue_johnson
Tourist
10 0 1

issue remains still

Uhrick
Shopify Partner
433 68 101

This is an accepted solution.

just figured the problem. Replace the previous code with

.site-header__logo-image {
   margin: 0 auto !important;
}
Shopify Developer
Hire me for theme customizations at [email protected] or Upwork
Was my answer helpful to you? Please like or mark as solution
Viileeu72
Excursionist
12 1 1

.site-header__logo-image {
margin: 0 auto !important;
}

banned