PC webstore Title and Hamburger icon off centre

Technical Q&A
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

2

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;
}
1 Like
3

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

4

add this code below the previous one

site-header__logo-image {
   margin: 0 auto;
}
5

issue still there

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

6

paste at the end of the file

7

Screen Shot 2022-10-02 at 3.11.01 pm.png
Screen Shot 2022-10-02 at 3.11.01 pm.png3360×2100 636 KB

8

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

9

issue remains still

10

just figured the problem. Replace the previous code with

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

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