Forum Support

 
Advanced Search


[1]

Offline thrifty
Free Member
Posts: 1
Posted on: January 08, 2018, 06:30:44 AM

How/Where can we make a global change the width of read more buttons in the mobile version of the website so that they fit nicely?

for example if you look at this page (http://www.shape5.com/demo/attractions/index.php/pages/portfolio) in mobile view, the buttons are too wide and no longer have any margin around them on the right hand side.



Logged

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: January 08, 2018, 12:13:35 PM

Hello,

Try adding the following to your custom.css file:



Code:
@media screen and (max-width: 525px) {

.btn, .button, button, .readon, p.readmore a, a.k2ReadMore, .userItemReadMore, div.catItemCommentsLink, .userItemCommentsLink, a.readmore-link, a.comments-link, div.itemCommentsForm form input, #s5_mason_load_more {
    padding: 14px 5px;
    margin-left: -6px;}

}
   
Logged
[1]

Jump to:  


Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.017 seconds with 20 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.