As you can see hitting the arrow I would like the 2 boxes to respond like hitting the arrow sidebar

Solved

As you can see hitting the arrow I would like the 2 boxes to respond like hitting the arrow sidebar

osamamalik
Shopify Partner
18 0 0

As you can see there are Food Products and Electronics Rather than hitting the arrow I would like the 2 boxes to respond please reply to me If any developer is available because I did every code but I can do it Thankyou 

This is a Shopify sunrise theme

https://fubu.com.au/ 

Accepted Solution (1)

PaulNewton
Shopify Partner
7722 678 1626

This is an accepted solution.

For the Sunsrise theme sidebar menu dropdown arrows not being full width and clicking the text goes to another pages instead of opening the sidebar linklist accordion

 

  • When in doubt always contact the developers of a theme.
  • Download a fresh version of the theme and confirm this is the default behavior in the sunset theme.
  • An issue for the first menu list is that you my have the index (/) set as the link for the the toplevel text
  • The Sunrise theme may also have invalid html for the sidebar as it's nesting <buttons> inside anchor tags <a> 

You may be able to fix it with the following CSS added to bottom of the themes style.css.

Always backup themes and files before changing code

#side-menu .dropdown-toggle {
    width: 100%
}
.dropdown-toggle:after { 
    left: 92%;
}

Tailor the "left" property to need, or try replacing with "right: 8%;" ,etc.

 

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


View solution in original post

Reply 1 (1)

PaulNewton
Shopify Partner
7722 678 1626

This is an accepted solution.

For the Sunsrise theme sidebar menu dropdown arrows not being full width and clicking the text goes to another pages instead of opening the sidebar linklist accordion

 

  • When in doubt always contact the developers of a theme.
  • Download a fresh version of the theme and confirm this is the default behavior in the sunset theme.
  • An issue for the first menu list is that you my have the index (/) set as the link for the the toplevel text
  • The Sunrise theme may also have invalid html for the sidebar as it's nesting <buttons> inside anchor tags <a> 

You may be able to fix it with the following CSS added to bottom of the themes style.css.

Always backup themes and files before changing code

#side-menu .dropdown-toggle {
    width: 100%
}
.dropdown-toggle:after { 
    left: 92%;
}

Tailor the "left" property to need, or try replacing with "right: 8%;" ,etc.

 

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org