[Support request] Size of widget on mobile

Home Forums Support Size of widget on mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #351601
    William

    Hi Tom!

    When viewing on mobil the widgets appear to big. Is there any way to down size them only on mobil?

    GP Premium 1.3.1
    #351697
    Leo
    Staff
    Customer Support

    Hi William,

    Can you link me to the page?

    I should be able to help with some CSS.

    Thanks!

    #351709
    William

    http://www.tronderskkompetanse.no/
    So I want the sidebars widgets to scale down when watched on a mobile 🙂

    #351720
    Leo
    Staff
    Customer Support

    Hmm not really a good way to scaled it down but maybe you can increase the padding on mobile?

    @media (max-width: 768px) {
        .widget-area .widget {
            padding: 40px 40px 40px 40px;
        }
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    The current padding is 27px 39px 24px 37px. The notation is top, right, bottom, left.

    #351732
    William

    Thanks :)!

    I am also trying to have one image show on mobile while on pc screen it does not show, but another will!

    can you help me?

    HTML

    <div class="row">
        <img src="http://www.tronderskkompetanse.no/wp-content/uploads/2015/02/19398755_1218590634952938_1355660979_n-e1498667256658.jpg" class="img-responsive careerpage">
        <img src="http://www.tronderskkompetanse.no/wp-content/uploads/2015/02/banner.jpg" class="img-responsive careerpage mobile"> 
        ...       
    </div>


    @media
    only screen and (max-device-width: 480px) {
    .img-responsive {
    display: none;
    }
    .img-responsive.mobile {
    display: block;
    }
    }

    #351810
    Leo
    Staff
    Customer Support

    Trying using GP’s built in classes: hide-on-mobile hide-on-tablet hide-on-desktop

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.