• Hello

    I would like to increase the page size a little but am not sure what css to add/change! Of course needs to work for both PC and iphone/ipad views …

    https://geoff-ideas.co.uk/

    afraid that I will start going round in circles if I guess what to change!

    Cheers

    Geoff

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello Geoff,

    I couldn’t get your point clearly. Sorry. ??

    Did you want to enlarge the content area of your pages, for instance, this one: https://geoff-ideas.co.uk/biography/? Please advise.

    Regards,
    Kharis

    Thread Starter gcwp

    (@gcwp)

    Kharis

    Just to increase the space taken up by the front page ..

    Cheers

    Geoff

    Thread Starter gcwp

    (@gcwp)

    Is there anywhere a map of the Sydney theme page layout, e.g. Header, content etc?

    Geoff

    Thread Starter gcwp

    (@gcwp)

    Hello

    Just to summarise

    The front page has a slider photo and in the footer is a Facebook icon.

    How do I make sure that this combination on the front page takes up the full screen on a PC, an iPad and an iPhone using the Sydney theme?

    Cheers

    Geoff

    Hello there,

    How do I make sure that this combination on the front page takes up the full screen on a PC, an iPad and an iPhone using the Sydney theme?

    To accomplish that objective, try to do the following steps:

    1. Install and activate the TC Custom JavaScript plugin
    2. Go To Appearance > Custom JavaScript
    3. Paste the following code into the provided box

    
    ;(function($) {
    
      'use strict'
    
      if ( $( '.header-slider' ).length && $('body').hasClass('home') ) {
    
        $(window).on('load resize', function() {
      
          var slideHeight = $('.header-slider').height();
          var menubarHeight = $('.site-header').outerHeight();
    
          console.log('Menubar height: '+ menubarHeight);
          
          var reducer = 87;
    
          if ( matchMedia( 'only screen and (max-width: 1024px)' ).matches ) {
            reducer = 87+menubarHeight;
          }
          
          var newHeight = slideHeight-reducer;
    
          $('.header-slider').height(100).css({
            'max-height': newHeight + 'px'
          });
          
        });
        
      }
    
    })(jQuery); 
    

    4. Update

    Let me know how it goes. I’ll wait to hear back from you regarding your stats.

    Regards,
    Kharis

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘how increase page size?’ is closed to new replies.