getting project links to float evenly horizontally on mobile devices in shapely

Shapely
1

Hi again,

Another mobile related issue I’m wondering if I can resolve - the project links (located at the bottom of each project), do not float evenly - left link always floats 50 or so pixels up from the right link. The links float evenly on larger screens…is there a way to make them do the same thing on mobile devices?

http://mollygreggdesigner.com/index.php/portfolio/isupply-software/

Thanks! Molly

2

hey there

Please add this CSS in appearance - customize - additional CSS

.col-md-6.text-right {
top: -23px;
}

Thanks!
Colorlib Support Team

3

Hi Noda,

Thanks for your reply, the code worked to Alvin the links, but now the links don’t work, suggestions?

Thanks, Molly

4

Hello there,

Please remove that CSS and try this one instead:


.col-md-6.text-right {
    float: right;
}

Best Regards,
Support

5

Hi there,

While the css fixed the iPad links (made them horizontally even and working correctly), it made the desktop links uneven (like the iPad had been previously)…any other suggestions?

As always - many thanks for your feedback.

Molly

6

HI

Lets update your css code:

@media (max-width: 991px){
.col-md-6.text-right {
top: -23px;
}
.col-md-6.text-right {
float: right;
}
}

7

Hi Noda,
When I add the above css, it fixes the link alignment issue on mobile devices, but in the process seems to move the top breadcrumb under the title of the page…suggestions?

Sorry for the late response back to you and many thanks for your continued help!

Molly

8

Hi there,
Thanks for writing back.

In this case, please add the following CSS code too:

@media (max-width: 767px){
#breadcrumbs {
margin-top: -30px;
}
}

I hope this helps.
Best Regards,
Support.

9

Awesome, that did the trick - thank you!!

10

Thank you

I will close this case now, Feel free to contact us again if you have other questions Thanks!