• Resolved apexbee

    (@apexbee)


    Hi, Thanks for this theme! I have two questions for my website, sitwithabrit.com

    -How can I display the tagline (site-description) in mobile view?

    -On all pages (except HOME & Testimonials), I have a right-aligned image. It looks fine in desktop view but on mobile view, there’s a word or two, then the image, followed by the remainder of the paragraph. How can I fix this so the image displays first on mobile view, followed by the paragraph?

    Thanks for your help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • bravokeyl

    (@bravokeyl)

    You need to add custom css to do these changes this can be either by creating a child theme or using plugins.
    How to Add
    1) How to display site tagline — This is explained in the above link
    2)Right-Aligned image
    you need to custom css that image this can be found under advanced option while editing image and then target it.

    let’s assume you have added my-mobile-class class for image
    then add the following css .

    @media screen and (max-width: 38.74em) {
    
    .my-mobile-class {
        float:left;
        margin: 0.4em 1.6em 1.6em 0;
    }
    
    }
    Thread Starter apexbee

    (@apexbee)

    Thank you bravokeyl! You solved my 1st issue beautifully and the tagline is now displayed in mobile.

    The right-aligned image is partly correct. I added the css and changed the image on this page: https://sitwithabrit.com/about/. When I view on my mobile the text still has the first two words next to the image. I would prefer that the text go under the image. Can you help with this tweak?

    Thanks again!

    @media screen and (max-width: 38.74em) {
    
    img.my-mobile-class {
        float:none;
        margin: 0 auto;
        width:100%; 
    
    }
    }

    There are many ways to do it.. the above is the simplest one but this makes image to take full width of the mobile view..

    Thread Starter apexbee

    (@apexbee)

    Thanks! That did the trick.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Twenty Fifteen mobile issues: tagline and images’ is closed to new replies.