Costume CSS won’t work

Hey there,

Can I ask why you are using Custom CSS in your theme for this and not the options for my plugin?

I can see you have it set at 12px width for the lines and 360px for the outter buttom container set from my plugin, what would you like it to be?

All the best

also I’m trying to align the menu button to the center and can’t do it as well.

Hey there,

Centre aligning the menu is not possible as an option but you can try and set the distance from side to be 50%.

Having said that however this would mean 50% from the left edge so isnt perfectly central but with some CSS tweaking you may be able to achieve this.

All the best

I can see you have it set at 12px width for the lines and 360px for the outter buttom container set from my plugin, what would you like it to be?

I would like it to be 100% so it would good from every mobile or at least the choise to center it, but I’m just a free user. I know how to use costume css but it won’t work.

also about the menu, when I’m using the menu-animation from the top it won’t act like the width is 100% on galaxy S5.
when I’n using the animation from the right the width id 100% on mu galaxy note and also the S5.

I can see you have it set at 12px width for the lines and 360px for the outter buttom container set from my plugin, what would you like it to be?

I would like it to be 100% so it would good from every mobile or at least the choise to center it, but I’m just a free user. I know how to use costume css but it won’t work.

also about the menu, when I’m using the menu-animation from the top it won’t act like the width is 100% on galaxy S5.
when I’n using the animation from the right the width id 100% on mu galaxy note and also the S5.

thank you!

Hi there,

What custom CSS have you tried so I can let you know if it should work or not.

Im afraid I dont have a Galaxy S5 to test on, only an iphone so it will be difficult to debug the second point – can you send screenshots over of the issue exactly?

All the best

I’ve tried that:

#responsive-menu-pro-container {
    width: 100%;
}
#responsive-menu-button {
    width: 100%;
}

also I have noticed now that when the menu is sticky there’s an empty space on the left side.

here’s the image of the menu when the animation is from the top
and here’s an image of the sticky menu and empty left side

thanks again

Hi there,

Please try the below instead:

button#responsive-menu-button {
   width: 100% !important; 
}

This should be all you need and will also get the button centered as you want.

It is going to be very difficult to debug the other issue I’m afraid if it is only for Samsung S5.

However, if you can turn the menu back to sticky so I can see the other issue in a desktop browser I can certainly take a look at that for you.

All the best

The code worked perfectly, THANK YOU!! ??
(it solved the other thing as well)

Hey there,

Great news and thanks for letting me know!