Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Cascading Style Sheets _ Changing position of div CSS wordpress

Posted by: conrad23 Nov 19 2018, 06:32 AM

Hello,

I got a problem with moving div.hmenu_center to the right in additional CSS on wordpress. I can move logo to the right, but there is still space on the right that is clickable. I found solution in changing "margin-left:" but I still cannot make that change in CSS on wordpress. Does anyone got idea how can I make it? Thank you a lot. Everything will be more clear when you look at the picture.

IPB Image

Posted by: pandy Nov 19 2018, 07:15 AM

It would be more clear if you posted the URL to the page in question. wink.gif

Posted by: conrad23 Nov 19 2018, 07:42 AM

That is true. My bad. here is the url: https://www.wayofsport.pl

Posted by: pandy Nov 19 2018, 07:51 AM

Thanks. When you said...

QUOTE
I can move logo to the right, but there is still space on the right that is clickable

...did you mean space to the left?

Posted by: conrad23 Nov 19 2018, 07:53 AM

QUOTE(pandy @ Nov 19 2018, 07:51 AM) *

Thanks. When you said...
QUOTE
I can move logo to the right, but there is still space on the right that is clickable

...did you mean space to the left?

Exactly. wacko.gif

Posted by: pandy Nov 19 2018, 08:09 AM

It's all your positioning that complicates things. The clickable space specifically is caused by your positioning of the logo image inside the A.

CODE
#hmenu_load_3 .hmenu_logo img {
    left: 180px;
}


You create a 180 pixels wide clickable space right there.

I wouldn't use that much and detailed positioning. Try placing both the logo and the menu links in a common container and place that where you want it. You could position it 50% from the left and then nudge it back with half the width of the logo using a negative left margin. Then the logo would end up dead center and no more positioning should be needed.

Posted by: conrad23 Nov 19 2018, 08:48 AM

Thank you for a quick reply. I will try my best to fix it in a way you suggested!

Posted by: pandy Nov 19 2018, 09:32 AM

You are welcome. Good luck! smile.gif

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)