This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Replies

24
  1. Andrew Misplon Staff 7 years, 4 months ago

    Hi Nicole

    Do you have a public URL where we can take a look at what’s going on?

  2. roe.nic 7 years, 4 months ago

    Hi Andrew, yes it is wsafc.org.nz

    Its actually only the ‘Main Sider’ that’s not responsive.

  3. Alex S Staff 7 years, 4 months ago

    Hi Roe,

    To clarify, is the slider on the linked page the slider you’re referring too? If not, can you please link us to the specific page you’re having issues with? I had a look around and I can’t seem to find another slider that matches your description of the issue.

  4. roe.nic 7 years, 4 months ago

    Here is a screenshot of what I get on my phone.

    The heading in the main slider is huge and the button can’t be seen.

  5. Andrew Misplon Staff 7 years, 4 months ago

    Hi Nicole, please upload to https://imgur.com/ or similar service and Alex will take a look at the screenshot. Thanks :)

  6. roe.nic 7 years, 4 months ago

    Hi guys, is this ok https://photos.app.goo.gl/22fn3bCaTEHy9CAm9

    Thanks heaps
    N

  7. Andrew Misplon Staff 7 years, 4 months ago

    Thanks, the image is perfect but I’m still not finding this slider. On the home page (http://wsafc.org.nz/) you’re using Master Slider for the main slider under the nav. I’m not seeing text in any of those slides. Was the home page perhaps changed since you uploaded the screenshot to Google Photos or is this problem on another page? To confirm, I’m checking the home page here: http://wsafc.org.nz/? We do need to take a look at the page directly so we can inspect the code and diagnose the problem. Thanks.

  8. roe.nic 7 years, 4 months ago

    Oh my goodness I’m so sorry it’s on this page
    http://wsafc.org.nz/u-17-tournament/

    So sorry ?

  9. Andrew Misplon Staff 7 years, 4 months ago

    No worries. Please, edit the Hero and check that FitText is enabled. You’ll find that setting in the Design and Layout section.

  10. roe.nic 7 years, 4 months ago

    Ohhhh I knew there’d be a simple answer! Thanks so much for all your help!!

  11. Andrew Misplon Staff 7 years, 4 months ago

    Let me know once it’s done and I’ll take another look.

  12. roe.nic 7 years, 3 months ago

    Hi Andrew

    I have a new page that I'm also having trouble with being responsive.
    http://wsafc.org.nz/1-juniors-draft

    I'm hoping I'm not trying to achieve the impossible ?

    Thanks in advance
    N

  13. Alex S Staff 7 years, 3 months ago

    Hi Roe,

    Unfortunately, the issue you’re facing is as a result of the following CSS added to your child theme:

    @media (max-width: 959px) { .gdlr-header-wrapper{
    	height: 100px !important;
    } }

    This CSS is causing the menu to overlap the content and that’s resulting in the hero widget being partially covered. You’ll need to either adjust it to prevent the overlap or remove the CSS altogether.

    Were there any other specific areas of the page that you would like to improve the responsiveness of or had issues with?

  14. roe.nic 7 years, 3 months ago

    Oh no it’s getting a bit technical now ?‍♀️

    The whole page is over lapping, is this just a continuation of the header issues?

    Really appreciate the support!!
    N

  15. Andrew Misplon Staff 7 years, 3 months ago

    Hi Nicole :)

    Put another way, you have a Custom CSS rule in place that’s causing the overlap. Do you perhaps know which page that rule was initially intended for? If so, we can help you make that rule specific to that page. Alternatively, you could remove the rule Alex mentioned and see if you miss it on any important pages. This is the rule in question:

    @media (max-width: 959px) { .gdlr-header-wrapper{
    	height: 100px !important;
    } }
  16. roe.nic 7 years, 3 months ago

    I’ve just checked and this is happening to all the pages not just my new page!!!!
    I suspect that the rule was intended for the home page where they have a master slider.
    I don’t see any reason for it to apply to the rest of the site.

  17. Andrew Misplon Staff 7 years, 3 months ago

    The class gdlr-header-wrapper is on every page, if you inspect any page source you’ll find the class name in the header. The rule has no prefix so it’s expected that it would apply to every page. If you want to limit the rule to the home page you’d need to prefix it:

    @media (max-width: 959px) { .home .gdlr-header-wrapper{
    	height: 100px !important;
    } }
  18. roe.nic 7 years, 3 months ago

    Thanks Andrew! I understand what you are saying but I’m a complete novice and not exactly sure what to add to the code or where In the settings I find it. Are you able to point me in the right direction?

  19. roe.nic 7 years, 3 months ago

    I've found where the code is but just unsure what to add to it.

  20. Andrew Misplon Staff 7 years, 3 months ago

    In your Custom CSS, remove:

    @media (max-width: 959px) { .gdlr-header-wrapper{
    	height: 100px !important;
    } }

    And add:

    @media (max-width: 959px) { .home .gdlr-header-wrapper{
    	height: 100px !important;
    } }

    It’s the same, but we’ve added .home to prefix the rule, make it specific to the home page.

    We aren’t usually able to assist with adjustments like this under our free support scope. The theme and the CSS customization that we’re discussing isn’t ours and doesn’t relate to our products, so this puts us into a custom development role. Just thought I’d mention this so as to not create an unrealistic expectation moving forward. Thanks.

  21. roe.nic 7 years, 3 months ago

    Thanks Andrew, I suspected you were going beyond your call of duty to help me with this and I REALLY appreciate it! I wish I could just ditch the theme altogether and just use the site origin custom built layout its WAY easier and looks much better!

  22. Andrew Misplon Staff 7 years, 3 months ago

    I hear you. If you can find a developer to assist with small technical changes, that might make things easier. Hope the above CSS change helped.

  23. roe.nic 7 years, 2 months ago

    Yup, the old saying "it's not what you know, its who you know" ;-) Lucky I know someone in the know!

    Thanks again
    N

  24. Andrew Misplon Staff 7 years, 2 months ago

    Super, glad to hear you’ve found someone to lend a hand where necessary :)

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread