Jump to content


Photo
- - - - -

Primary Sidebar Moves Down


  • Please log in to reply
13 replies to this topic

#1 tlafortune24

tlafortune24

    Member

  • Members
  • PipPip
  • 12 posts

Posted 21 March 2011 - 01:52 PM

Hello, In the Custom Code area I have .home #sidebar-wrap{margin-right:-105px;} .home #sidebar-wrap{margin-top:-845px;} The purpose of the above code is to indent and move the primary sidebar (which has a custom menu widget) up underneath the search field in the navigation menu. The code works fine until the browser windows are closed, as soon as you open a new instance of the browser, the menu moves too far up and is hidden behind the search field. Logging into the admin panel and saving the custom code fixes the problem, but it will happen again as soon as the browser windows are closed. I have tried checking the "make dynamic css inline" but it has had no effect. Can anyone help make the menu position permanent?

#2 Guest_Guest_*

Guest_Guest_*
  • Guests

Posted 21 March 2011 - 06:39 PM

Can we get a link to your website?

#3 tlafortune24

tlafortune24

    Member

  • Members
  • PipPip
  • 12 posts

Posted 22 March 2011 - 01:05 PM

Unfortunately the wordpress instance is on an internal server and I do not have the permission from my company to release it. Is there any way I can provide code or something for assistance with this issue? I am sorry for any inconvenience not being able to provide a link causes. Thanks, Tim

#4 Kate

Kate

    Advocate

  • Members
  • 3039 posts

Posted 22 March 2011 - 01:39 PM

Once you close the window and re-open it, does your custom CSS disappear too?

#5 tlafortune24

tlafortune24

    Member

  • Members
  • PipPip
  • 12 posts

Posted 22 March 2011 - 01:45 PM

No, All other custom CSS works as expected, #feature-area, .feature-wrap, #feature_slider .fmedia, #feature_slider .fcontent, #feature_slider .text-bottom .fmedia .dcol-pad, #feature_slider .text-bottom .feature-pad, #feature_slider .text-none .fmedia .dcol-pad { height: 300px; width: 700px; } #feature_slider{width:700px;} #morefoot, .widget-title{border-bottom-width:0px;} #sidebar-wrap{margin-right:-105px;} #sidebar-wrap{margin-top:-845px;}

#6 tlafortune24

tlafortune24

    Member

  • Members
  • PipPip
  • 12 posts

Posted 22 March 2011 - 02:37 PM

I should also mention the page in question is using the default feature template, and it is the only page on the site set to show the primary side bar, all other pages hide it.

#7 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 22 March 2011 - 07:34 PM

Did you run a W3 validation to check for HTML markup errors that might be causing it?

#8 tlafortune24

tlafortune24

    Member

  • Members
  • PipPip
  • 12 posts

Posted 24 March 2011 - 02:43 PM

I uploaded the page source to the W3 validation tool, and it didn't pick anything up that stood out. just "& did not start as a character refrence" and it didn't like a youtube video embed code (I've embedded a youtube video in to a box) Any more ideas? I've tried everything, I just don't understand how it doesn't look right, then you log into the admin, refresh the page and it's perfect. but exit the browser and try again and it's broken.

#9 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 24 March 2011 - 08:18 PM

Is your browser accidentally zoomed in/out?

#10 tlafortune24

tlafortune24

    Member

  • Members
  • PipPip
  • 12 posts

Posted 31 March 2011 - 04:54 PM

Hello, Sorry for the late reply. I have setup the following site in the test area:

Please Login or Register to see this Hidden Content

If you go to the site you will notice the menu is pushed up behind the search area, however if you log into the site, and refresh the page, it will push back down. The idea is to have the menu title alligned with the top of the feature slider. Thanks, Tim

#11 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 31 March 2011 - 07:32 PM

This is because you have entered this: ` #sidebar-wrap { margin-top: -580px; } ` That's too much reverse margin.

#12 tlafortune24

tlafortune24

    Member

  • Members
  • PipPip
  • 12 posts

Posted 01 April 2011 - 03:03 PM

What is another method I can use to place the quick links menu in line with the top of the feature slider?

#13 kastelic

kastelic

    Advocate

  • Members

  • 3081 posts
  • Country: Country Flag

Posted 01 April 2011 - 11:22 PM

You could try absolute positioning:

Please Login or Register to see this Hidden Content



#14 tlafortune24

tlafortune24

    Member

  • Members
  • PipPip
  • 12 posts

Posted 04 April 2011 - 01:48 PM

@Jimmy! Thank you, I was trying to figure that one out for a while now. Thanks for your help everyone, this has been a great support experience. Keep up the great work.