How can I align sublists with parent lists using HTML in a Debit theme?

Store Design
1

Hi, I am using the debit theme and am needing an html to which would align all my sublists to horizontally straight place directly under the the parents. I am moderately experienced using coding but can’t find the issue and think it’s multiple instructions causing the placement and therefore need an html to overwrite the original instructions. The sublists should appear directly under the parents on all the footing parents and all the non mobile heading parents and automatically tab in when against a wall. If you want to view the sight in advance to see first hand, the website is www.titmoutdoorproducts.com

thank you

1 Like
2

@Ike-Shipley

sorry for any issue can you please provide issue images?

1 Like
3

Hi Ketan

As requested, see the images below showing the unaligned sublists.

2E5AC69E-3F51-4410-89C6-3F7EC783FD6D.jpeg
2E5AC69E-3F51-4410-89C6-3F7EC783FD6D.jpeg828×1246 88.7 KB

798E4FF9-F4C1-4B6F-943B-31418637500A.jpeg
798E4FF9-F4C1-4B6F-943B-31418637500A.jpeg828×1214 86.6 KB

4

Hi Ketan

Were you able to view the images I sent in response to your request?

1 Like
5

hello @Ike-Shipley

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 899px){
.site-footer  .site-nav__dropdown {
    margin: 0 auto;
    width: 99%;
}
}
2 Likes
6

@Ike-Shipley

thanks for image

can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
@media only screen and (max-width: 899px) {
.site-nav--active-dropdown .site-nav__dropdown {
    margin-left: 0;
    max-width: 460px;
    margin: 0px auto;
    right: 0;
}
}
1 Like
7

It worked.
Thank you

1 Like
8

@Ike-Shipley

its my pleasure to help us