Home › Forums › Support › Copyright Goes On 2 Lines On Smaller Screens Even Though There is Lots of Room
- This topic has 10 replies, 2 voices, and was last updated 7 years, 2 months ago by Mary Pearson.
-
AuthorPosts
-
September 7, 2017 at 6:10 pm #381390Mary 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:
%copy% %current_year% Winning Website Creations. All Rights Reserved.Powered by Winning Website CreationsCSS is
.grid-50.footer-left {
text-align: left; }.grid-50.footer-right {
text-align: right; }Thank you.
September 7, 2017 at 8:05 pm #381422LeoStaffCustomer SupportHi 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?
September 7, 2017 at 8:08 pm #381426Mary PearsonI’m not exactly sure what you mean Leo. Can you please give me a few more instructions.
September 7, 2017 at 8:16 pm #381428LeoStaffCustomer SupportRight 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>
September 8, 2017 at 8:09 am #381747Mary PearsonNo, 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.
September 8, 2017 at 9:01 am #381786LeoStaffCustomer SupportHmm looks like it’s working to me? https://s26.postimg.org/mchghz1mx/2017-09-08_0901.png
September 8, 2017 at 9:24 am #381798Mary PearsonDefinitely 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.
September 8, 2017 at 9:33 am #381802LeoStaffCustomer SupportTry 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
September 8, 2017 at 9:36 am #381805Mary PearsonYES!!!!! You are BRILLIANT!!!! Thank you so much Leo!!!!!
I SO appreciate your help with this!
September 8, 2017 at 9:37 am #381808LeoStaffCustomer SupportGlad I could help!
September 8, 2017 at 9:43 am #381813Mary PearsonME TOO!!!!! 😉
-
AuthorPosts
- You must be logged in to reply to this topic.