The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Changing position of div CSS wordpress
conrad23
post Nov 19 2018, 06:32 AM
Post #1





Group: Members
Posts: 4
Joined: 19-November 18
Member No.: 26,756



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 19 2018, 07:15 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



It would be more clear if you posted the URL to the page in question. wink.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
conrad23
post Nov 19 2018, 07:42 AM
Post #3





Group: Members
Posts: 4
Joined: 19-November 18
Member No.: 26,756



That is true. My bad. here is the url: https://www.wayofsport.pl
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 19 2018, 07:51 AM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



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?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
conrad23
post Nov 19 2018, 07:53 AM
Post #5





Group: Members
Posts: 4
Joined: 19-November 18
Member No.: 26,756



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 19 2018, 08:09 AM
Post #6


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
conrad23
post Nov 19 2018, 08:48 AM
Post #7





Group: Members
Posts: 4
Joined: 19-November 18
Member No.: 26,756



Thank you for a quick reply. I will try my best to fix it in a way you suggested!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 19 2018, 09:32 AM
Post #8


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



You are welcome. Good luck! smile.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 03:07 PM