Home>Support>Are Pre Built Layouts Responsive
  1. 5 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Nicole

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

  2. 5 years, 11 months ago roe.nic

    Hi Andrew, yes it is wsafc.org.nz

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

  3. 5 years, 11 months ago Alex S
    Hi, I Work Here

    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. 5 years, 11 months ago roe.nic

    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. 5 years, 11 months ago Andrew Misplon
    Hi, I Work Here

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

  6. 5 years, 11 months ago roe.nic

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

    Thanks heaps
    N

  7. 5 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    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. 5 years, 11 months ago roe.nic

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

    So sorry ?

  9. 5 years, 11 months ago Andrew Misplon
    Hi, I Work Here

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

  10. 5 years, 11 months ago roe.nic

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

  11. 5 years, 11 months ago Andrew Misplon
    Hi, I Work Here

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

  12. 5 years, 10 months ago roe.nic

    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. 5 years, 10 months ago Alex S
    Hi, I Work Here

    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. 5 years, 10 months ago roe.nic

    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. 5 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    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. 5 years, 10 months ago roe.nic

    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. 5 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    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. 5 years, 10 months ago roe.nic

    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. 5 years, 10 months ago roe.nic

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

  20. 5 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    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. 5 years, 10 months ago roe.nic

    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. 5 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    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. 5 years, 10 months ago roe.nic

    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. 5 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More