Jump to content


Photo
- - - - -

Move Menu Elements and Search Bar Around


  • Please log in to reply
6 replies to this topic

#1 amit

amit

    Member

  • Members
  • 16 posts
  • Country: Country Flag

Posted 10 April 2012 - 09:55 PM

I am trying to move elements of my site around. i.e. move the menu bar to the right (next to the search bar) and have a styling wrapped around both items, as demonstrated in the image below.

Posted Image

And to move the footer in the bottom to the very right, like so
Posted Image

#2 amit

amit

    Member

  • Members
  • 16 posts
  • Country: Country Flag

Posted 10 April 2012 - 10:01 PM

Also the background image is hosted at

Please Login or Register to see this Hidden Content

Tried modifying the code to make it work, but to no avail.

#3 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 11 April 2012 - 02:38 AM

What code have you been using to make the adjustments? Are you using the CSS?

To make adjustments, you'll need to add CSS code to the Custom CSS settings (

Please Login or Register to see this Hidden Content

). I think you'll need to use the margin property (

Please Login or Register to see this Hidden Content

) to move the navigation bar to the right and the float: right; attribute (

Please Login or Register to see this Hidden Content

) to move the footer to the right.

#4 amit

amit

    Member

  • Members
  • 16 posts
  • Country: Country Flag

Posted 11 April 2012 - 08:09 AM

.main_nav li a{ background-color: #EEEEEE; border-bottom: 2px solid #CCCCCC; border-top: 2px solid #EEEEEE; font-family: Arial; font-size: 11px; font-weight: bold; height: 15px; list-style-type: justify; margin-bottom: 10; padding: 0; text-transform: uppercase; float: center; margin: 0; background: url("http://gulfifinal.gladwynlewis.com/images/grey.png") no-repeat scroll right center transparent; padding: 0 16px 0 0; } marquee {margin-top: -35px;} This is the code i've used for the menu, but looking at firebug from this menu style

Please Login or Register to see this Hidden Content

, but it doesn't seem to be working. i.e. i need it to envelope the search field too, as in one bar from end to end, and move the menu towards the right, adjacent to the search field.

#5 Danny

Danny

    Is Awesome!

  • Moderators
  • 16526 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 11 April 2012 - 09:52 AM

Hi Amit, I recommend you contact one of the PageLines Pros for help customising your website. I have provide a link a below.

Please Login or Register to see this Hidden Content



#6 amit

amit

    Member

  • Members
  • 16 posts
  • Country: Country Flag

Posted 11 April 2012 - 04:22 PM

Hi Dany, Thanks for your suggestion, but I've already done most of the work, including checking things out in Firebug and transporting the code in, I'm just trying to check out, how and where exactly I've gone wrong. Cheers.

#7 amit

amit

    Member

  • Members
  • 16 posts
  • Country: Country Flag

Posted 12 April 2012 - 05:31 AM

I've managed to kind of do it, but unfortunately, this is happening. How do I get rid of the white boxes?
Posted Image