[Resolved] Copyright Goes On 2 Lines On Smaller Screens Even Though There is Lots of Room

Home Forums Support Copyright Goes On 2 Lines On Smaller Screens Even Though There is Lots of Room

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #381390
    Mary Pearson

    I have 2 links in my footer. On the left is the copyright info and on the right is a link to my website. All looks good except on my iPad. Even though there is lots of room, the link on the right goes on a line below the line on the left.

    How do I get both links to be on the same line on smaller screens please? Do I need to duplicate the css for @media?

    My copyright code is:

    CSS is

    .grid-50.footer-left {
    text-align: left; }

    .grid-50.footer-right {
    text-align: right; }

    Thank you.

    GeneratePress 1.4
    GP Premium 1.4.3
    #381422
    Leo
    Staff
    Customer Support

    Hi there,

    Try set up your divs like this:
    <div class="grid-50 mobile-grid-50 footer-left">

    If this doesn’t work can you link me to the site?

    #381426
    Mary Pearson

    I’m not exactly sure what you mean Leo. Can you please give me a few more instructions.

    #381428
    Leo
    Staff
    Customer Support

    Right now you have this:

    <div class="grid-50 footer-left">
    %copy% %current_year% Winning Website Creations.  All Rights Reserved.  
    </div>
    <div class="grid-50 footer-right">
    Powered by <a target="_blank" href="https://winningwebsitecreations.com/">Winning Website Creations</a>
    </div>

    Try this:

    <div class="grid-50 mobile-grid-50 footer-left">
        %copy% %current_year% Winning Website Creations.  All Rights Reserved.  
    </div>
    <div class="grid-50 mobile-grid-50 footer-right">
        Powered by <a target="_blank" href="https://winningwebsitecreations.com/">Winning Website Creations</a>
    </div>
    #381747
    Mary Pearson

    No, that didn’t work either. I have the issue on several sites. You can check it on https://bowmanvillegolf.ca. That’s the one I just tried it on.

    I keep changing the wording so that I know if I’m getting a new or cached page, and it’s a new page.

    #381786
    Leo
    Staff
    Customer Support
    #381798
    Mary Pearson

    Definitely making progress. When it didn’t work on my iPad I just assumed it wasn’t working on my iPhone. After I switched to Mobile View it worked perfectly on the iPhone, but it still doesn’t work on my iPad, either Landscape or Portrait Views.

    #381802
    Leo
    Staff
    Customer Support

    Try this instead:

    <div class="grid-50 tablet-grid-50 mobile-grid-50 footer-left">
        %copy% %current_year% Winning Website Creations.  All Rights Reserved.  
    </div>
    <div class="grid-50 tablet-grid-50 mobile-grid-50 footer-right">
        Powered by <a target="_blank" href="https://winningwebsitecreations.com/">Winning Website Creations</a>
    </div>

    More info here: https://docs.generatepress.com/article/creating-columns/#using-built-in-unsemantic-grid

    #381805
    Mary Pearson

    YES!!!!! You are BRILLIANT!!!! Thank you so much Leo!!!!!

    I SO appreciate your help with this!

    #381808
    Leo
    Staff
    Customer Support
    #381813
    Mary Pearson

    ME TOO!!!!! 😉

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