Sydney theme call to action button scrolls down too much

  • Hello,

    I’m using Sydney theme and found issue that “Call to action button” working incorrectly.

    After clicking button “Click to begin” It should move to provided div in example #primary, but It moving too much and wrapping top of content, looks like It ignoring header’s height.

    What I mean:

    Example:

    __________________________________________
HEADER with MENU - Home Contacts About Us
__________________________________________

SLIDER PART WITH BUTTON "CLICK TO BEGIN"

__________________________________________

PAGE TITLE

Content 1
Content 2
And some more content 1
And some more content 2
And some more content 3
__________________________________________
FOOTER
__________________________________________

    After clicking button “Click to begin” It scroll down too much and I see content like this:

    __________________________________________
HEADER with MENU - Home Contacts About Us
__________________________________________
Content 2
And some more content 1
And some more content 2
And some more content 3
__________________________________________
FOOTER
__________________________________________

    As you see above, It’s missing “PAGE TITLE” and “Content 1”

    Expected results after clicking button:

    __________________________________________
HEADER with MENU - Home Contacts About Us
__________________________________________
PAGE TITLE

Content 1
Content 2
And some more content 1
And some more content 2
And some more content 3
__________________________________________
FOOTER
__________________________________________

    Have you ideas how could I achieve It? I’ve looked at slider.php, but not found anything useful. Hope I was so clear.

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

  • Hi,

    It was so clear but I need to see the HTML code on your website. May I know your site url?

    Hello,

    You need to make small change in js file main.min.js at sydney/js/main.min.js and search for “top-70” and replace “top-128”. After that save file and upload it respective path.

    I know it’s bit clunky but you need to do this in js file to fix this issue.

    thank you

    Thread Starter Infinity

    (@staska20)

    After changing “top-70” to “top-128” in main.min.js – website stopped working. Now It showing “loading” icon and nothing happens… Tried to change back from “top-128” to “top70”, but not helped, website still not reachable… What’s going on?

    Hello there,

    Please go to Appearance > Customize > General > Set 0 or any number that you want in the field that says “Page wrapper – top padding” and “Page wrapper – bottom padding”.

    Let me know how it fixes the issue.

    Regards,
    Kharis

    Thread Starter Infinity

    (@staska20)

    Hello Kharis Sulistiyono,

    thank you for an answer, but this not fixed issue.

    Hello there,

    Could you please share your site’s URL here so I can have a closer look? If it possible, of course.

    Regards,
    Kharis

    Thread Starter Infinity

    (@staska20)

    That’s impossible, website are down for maintenance.

    I have this same issue I believe on a relatively new site. Other pages work fine, but the blog post page, linked as #primary on call to action code, scrolls up a little further than I would like.
    site is https://onwravens.football/
    click the Click to Begin button.
    Most recent blog post Summer Calendar Information scrolls up a little too far – title of most recent blog is obscured by header.

    Hello @coachjimadam,

    Try to add this CSS code into Appearance > Customize > Additional CSS in your site dashboard. 

    
@media only screen and (min-width:1025px) {
  
  
  .home #primary {
    margin-top: -100px; 
    padding-top: 100px; 
  }  
  
}

    Regards,
    Kharis

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Sydney theme call to action button scrolls down too much’ is closed to new replies.