Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Using css to move a class to the left of its current position

Posted on 2013-06-05
4
Medium Priority
?
299 Views
Last Modified: 2013-06-05
Hi

I'm trying to move a menu to the left, and I think what I am missing in my css are the proper positioning/addition of the "Class" dots ".".

Here's a shortened URL to the site:

Link to page with menu

The menu is on the upper right and is controlled by the following in the html:

<ul class menu nav-pills _topMainRowbyMenu hidden-phone">

Open in new window


Here's the css I have so far, and it is not affecting anything at all:

ul.menu nav-pills _topMainRowbyMenu hidden-phone {
margin-left: -100px;
}

Open in new window


What mods do I have to make to the above to get it to work -- that is, move the top right menu a bit to the left.

Thanks

Rowby
0
Comment
Question by:Rowby Goren
  • 3
4 Comments
 
LVL 60

Expert Comment

by:Julian Hansen
ID: 39222643
Change this on line 203 of rt_leviathan-custom.css
ul.menu.nav-pills._topMainRowbyMenu {
  margin-left: 100px;
}

Open in new window

0
 
LVL 60

Accepted Solution

by:
Julian Hansen earned 2000 total points
ID: 39222658
The reason your code does not work is you left out the .'s this should also work

ul.menu nav-pills._topMainRowbyMenu.hidden-phone {
margin-left: -100px;
}

Although you might find using a negative margin moves the box 300px to the left of where it is now - because a margin is already defined on the style in my earlier post.

Unless there is a reason not to change this style then my earlier post is the correct solution.
0
 
LVL 9

Author Closing Comment

by:Rowby Goren
ID: 39222695
Thanks, Julian.

I  went ahead and did the negative position.

Rowby
0
 
LVL 60

Expert Comment

by:Julian Hansen
ID: 39222755
You are welcome - thanks for the points.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
Suggested Courses

971 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question