Title: The Offset Problem
Last modified: November 3, 2018

---

# The Offset Problem

 *  Resolved [wordfan01](https://wordpress.org/support/users/wordfan01/)
 * (@wordfan01)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/the-offset-problem/)
 * Hey malihu
 * I try for days to fix the problem with the offset.. I’ve tried everything to 
   solve it but it’s not working!
    The best option would be to receive the mobile
   responsive and work with the :fixed expression. but everytime i try the #test:
   fixed input in the menu wordpress tells me this is invalid expression. maybe 
   it’s only a small mistake of mine but I can not solve it.
 * [http://computer-kurse.bplaced.net/](http://computer-kurse.bplaced.net/)
    The
   links are in: Startseite and Dies ist ein Test
 * but otherwise I love your plugin and that is an incredible work 😉
 * greetings
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fthe-offset-problem%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 8 replies - 1 through 8 (of 8 total)

 *  Plugin Author [malihu](https://wordpress.org/support/users/malihu/)
 * (@malihu)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/the-offset-problem/#post-10845320)
 * Hello,
 * It seems that you use another plugin (“jquery-smooth-scroll”) that prevents “
   Page scroll to id” from scrolling the page and apply the offset. You also have
   an error in your offset value.
 * Both should be easy to fix. Try this:
 * Go to “Page scroll to id” settings and change the “Offset” value to:
 * `.navigation-top:width(>767)`
 * Scroll down to “Advanced options” and enable/check “Prevent other scripts from
   handling plugin’s links” option.
 * Save changes and test your page 😉
 * Let me know if it works
 *  Thread Starter [wordfan01](https://wordpress.org/support/users/wordfan01/)
 * (@wordfan01)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/the-offset-problem/#post-10845384)
 * Hey
 * First of all a thank you for your quick help .. it worked!
 * but one more small technical problem:
    if on a desktop view the menu bar is not
   at the top the animation jumps to a bit deeper .. if you press it again the button
   will jump to the right position.. Is it easy to fix or is it problem from the
   theme?
 * Greetings from Germany
 *  Thread Starter [wordfan01](https://wordpress.org/support/users/wordfan01/)
 * (@wordfan01)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/the-offset-problem/#post-10845392)
 * I found the problem:
    it was the black menu bar:)) Now it works perfect!! Thanks
   a lot for your support!
 * Nice work
 *  Plugin Author [malihu](https://wordpress.org/support/users/malihu/)
 * (@malihu)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/the-offset-problem/#post-10845559)
 * Thanks. Glad I helped 🙂
 * I’m marking this as resolved. If you need more help let me know.
 *  [sasalala](https://wordpress.org/support/users/sasalala/)
 * (@sasalala)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/the-offset-problem/#post-10907360)
 * I am also using the offset value “.navigation-top:width(>767)”. Is it possible
   to use the height of this plus e.g. 5 pixels? Let’s say navigation-top menu is
   15 pixels and I would like to add 5 pixels more. Do you have any solutions for
   this?
    -  This reply was modified 7 years, 9 months ago by [sasalala](https://wordpress.org/support/users/sasalala/).
 *  Plugin Author [malihu](https://wordpress.org/support/users/malihu/)
 * (@malihu)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/the-offset-problem/#post-10910376)
 * [@sasalala](https://wordpress.org/support/users/sasalala/) There’s no way to 
   do this with the “Offset” option but you could do something similar via CSS.
 * Leave the “Offset” value as you currently have and give your target sections 
   a top padding and a negative top margin of 5 pixels (when the viewport is greater
   than 767px):
 *     ```
       @media only screen and (min-width: 768px){
         .your-section{
           padding-top: 5px;
           margin-top: -5px;
         }
       }
       ```
   
 * Hope this helps
    -  This reply was modified 7 years, 8 months ago by [malihu](https://wordpress.org/support/users/malihu/).
 *  [sasalala](https://wordpress.org/support/users/sasalala/)
 * (@sasalala)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/the-offset-problem/#post-10915477)
 * Thanks for the answer. I added the code to custom CSS section in the theme-editor.
   Unfortunately it does not work. When I click e.g. on this link: [https://paarberatung-duesseldorf.de/#mein-ansatz](https://paarberatung-duesseldorf.de/#mein-ansatz)
   there is still no space between menu and the scroll to id target. For design 
   reasons I would like to add some more free space. Any other idea?
 *  Plugin Author [malihu](https://wordpress.org/support/users/malihu/)
 * (@malihu)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/the-offset-problem/#post-10915496)
 * [@sasalala](https://wordpress.org/support/users/sasalala/) Try the following 
   in your CSS:
 *     ```
       #mein-ansatz{
           padding-top: 6em;
           margin-top: -6em;
           display: block;
           position: relative;
           box-shadow: none;
       }
       ```
   
 * You can increase/decrease the 6em (i.e. 96px) to adjust the extra offset you 
   want. I’ve set it to 6em to match your section’s top padding.
 * You can do this for all your sections at once:
 *     ```
       #startseite, #mein-ansatz, #konditionen, #über-mich, #kontakt, #kontaktformular{
           padding-top: 6em;
           margin-top: -6em;
           display: block;
           position: relative;
           box-shadow: none;
       }
       ```
   

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘The Offset Problem’ is closed to new replies.

 * ![](https://ps.w.org/page-scroll-to-id/assets/icon-256x256.png?rev=1401043)
 * [Page scroll to id](https://wordpress.org/plugins/page-scroll-to-id/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/page-scroll-to-id/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/page-scroll-to-id/)
 * [Active Topics](https://wordpress.org/support/plugin/page-scroll-to-id/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/page-scroll-to-id/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/page-scroll-to-id/reviews/)

 * 8 replies
 * 3 participants
 * Last reply from: [malihu](https://wordpress.org/support/users/malihu/)
 * Last activity: [7 years, 8 months ago](https://wordpress.org/support/topic/the-offset-problem/#post-10915496)
 * Status: resolved