The menu contents in the danland superfish blue strip menu get out of the blue strip on smaller screen sizes. This also happens for larger screens especially when add more menu items, this also happens when you resize the browser.
Is there any way I can get rid of the blue strip and stay with the superfish menu or be able to tweak it so that the menu contents don't move out of the blue strip?

CommentFileSizeAuthor
#8 Screenshot 2021-05-10 at 4.54.35 PM.png81.51 KBBhumikaVarshney
#7 Screenshot 2021-05-12 at 5.50.41 PM.png41.16 KBBhumikaVarshney
#5 blue-strip-remove.png2.39 MBhitvika_verma
#5 removing-blue-line.5.patch1.14 KBhitvika_verma
bluestrip.jpg128.26 KBlouisbabumba
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

louisbabumba’s picture

louisbabumba CreditAttribution: louisbabumba commented
Title: Blue Menu strip » Danland Blue Menu strip
Issue summary: View changes
louisbabumba’s picture

louisbabumba CreditAttribution: louisbabumba commented

I managed to solve this issue on my own, The Blue strip menu is actually an image which can be found in your theme images called menu-bg.gif. I accomplished this by renaming the image to ensure i still have a copy of it. Alternatively, you could comment out the line in styles.css that has the location of the menu background image.

louisbabumba’s picture

louisbabumba CreditAttribution: louisbabumba commented
Assigned: Unassigned » louisbabumba
Leeteq’s picture

Leeteq CreditAttribution: Leeteq commented
Version: 7.x-1.0 » 7.x-1.x-dev
Assigned: louisbabumba » Unassigned
Related issues: +#2205591: Strategy discussion - how to make Danland mobile responsive
hitvika_verma’s picture

hitvika_verma CreditAttribution: hitvika_verma commented
FileSize
removing-blue-line.5.patch1.14 KB
blue-strip-remove.png2.39 MB

This blue line for nav bar if u want to remove the blue color than you can use this

hitvika_verma’s picture

hitvika_verma CreditAttribution: hitvika_verma commented
Status: Active » Needs review
BhumikaVarshney’s picture

BhumikaVarshney CreditAttribution: BhumikaVarshney as a volunteer and at OpenSense Labs commented
Status: Needs review » Needs work
FileSize
Screenshot 2021-05-12 at 5.50.41 PM.png41.16 KB

Patch #5 is not working.
Screenshot is added of error while applying patch.

BhumikaVarshney’s picture

BhumikaVarshney CreditAttribution: BhumikaVarshney as a volunteer and at OpenSense Labs commented
Status: Needs work » Needs review
FileSize
Screenshot 2021-05-10 at 4.54.35 PM.png81.51 KB

Hi @louisbabumba,
I tried to debug this issue and the issue is because of the background image added by css on #nav id because the height of that image is 35px and also height 35px is added for the same id only by removing that background image and height cssand adding normal background color and height auto in css it works nicely.
One div with ID rounded-menu-right is also added with background image css.
after removing background image and adding height auto css or commenting this css it works fine for me in style.css .
Thanks!!