Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #116536
    Jürgen
    Participant

    The feature slider is a neat content display, but unfortunately is does not work on mobile devices!
    It is not responsible as the font size is not adjusted.
    And the header area with the site logo is shown ave the featured slider like on pc layouts.
    You can check it out at: http://mr-mojo-risin.net

    a) Will there be a fix for the font size issue?

    b) Is there a possiblity to set the header with the main menu on fixed or block so the featured slider will scroll or disappear below the site logo and the main navigation (like it does on all the subpages)?

    #116559
    Mahesh
    Participant

    @mrmojorisin: Yes, font size issue can be corrected. Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

    @media screen and (max-width: 1200px) {
        #feature-slider {
            margin-top: 98px;
        }
    }
    
    @media screen and (max-width: 1152px) {
        #feature-slider {
            margin-top: 68px;
        }
    }
    
    @media screen and (max-width: 767px) {
        #feature-slider {
            margin-top: 46px;
        }
    
        #feature-slider .entry-title a {
        	font-size: 20px;
        }
    
        #feature-slider .entry-content {
        	font-size: 15px;
        }
    
        #feature-slider .readmore a, 
        #header-featured-image .readmore a {
            font-size: 15px;
        }
    }

    Note:
    * The height of the slider is automatically calculated with respect to the width keeping it responsive. And your text in the slider seems to be more that they are barely visible.
    * You can adjust the font-size as desired.

    Regards,
    Mahesh

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Featured slider is not responsible’ is closed to new replies.