Support » Theme: Sydney » 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

    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

    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

    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)
  • You must be logged in to reply to this topic.