[filip_1]

Hello,

so I have problem with my menu bar, when I open my website on computer/laptop(on mobile phones it works well) and point on categories O ŽUPI, ZAJEDNICE and others, subcategories dropdown is not working well. You can see that on link of my website. I don’t know how to fix that problem so I could use some help.

Thank you for your help

link to page:
http://www.zupa-bezgresnog-zaceca-bdm.hr

Regards,

Filip

[Skandha]

@filip_1: This is because of the following Code you are using.
Go to => Appearance => Customize => Additional CSS remove the following CSS Code.

#menu-pocetna .menu-item {
    width: 16.565%;
}

Let me know if this works out!
Kind Regards,
Skandha

[filip_1]

Hello,

thank you for your help. I removed that code and that problem has been solved, but another one occured. The width of menu header items is now changed and the menu header line is not looking good as it was.

Thank you for your help

link to page:
http://www.zupa-bezgresnog-zaceca-bdm.hr

Regards,

Filip

[Skandha]

@filip_1: The menu seems to be showing up fine. Do you mean the width of the sub-menu items is bigger than it should be?

Kind Regards,
Skandha

[filip_1]

Categories items in menu bar don’t fill that upper rectangle. It has some white area right of them. Before I deleted that CSS code this worked well, but sub-categories didn’t work well. Is it possible to repair first one(100% cover of menu bar – stretch each one of menu items) without effect on sub-categories because now they are good.

Regards,

Filip

[Skandha]

@filip_1: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#access ul li ul {
	width:120px;
}
#access ul li a {
	text-align:left;
}

You can adjust the width according to your requirement.
Let me know if this is what you want!
Kind Regards,
Skandha

[filip_1]

Hello,

thank you for your help, but nothing happened when I add this code.

Regards,

Filip

[Skandha]

@filip_1: Hello Filip,
Remove the above CSS Code and add the following CSS Code.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#access ul li a {
	padding:0px 45.17px;
}

Let me know if this solves the issue you are having.
Kind Regards,
Skandha

[Author]

Posts