StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Minimum Theme- call to action not visible on mobile

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › General Discussion › Minimum Theme- call to action not visible on mobile

This topic is: not resolved

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 19, 2013 at 8:07 am #51424
    ryanscarrell
    Member

    I am using the Minimum theme for our website (www.wearesoutheast.org). We are using the call to action (on the template is a subscribe button) as a Give Online button which directs to our giving page. However, I just realized this call to action does not show up on the mobile devices. Everything else on the site is mobile responsive. Can someone please help me figure out how to make that call to action show up on mobile?

    http://www.wearesoutheast.org
    July 19, 2013 at 8:24 am #51428
    Terry
    Member

    If looks like if you remove the display:none in the media query around line 1646 you'll be all set.

    @media only screen and (max-width: 1023px)
a.page-title-button, .menu li.right {
display: none;
}

    Hope this helps!

    July 19, 2013 at 8:54 am #51434
    ryanscarrell
    Member

    That worked perfectly. Is there a way to change the size of that button when it goes mobile?

    July 19, 2013 at 9:19 am #51438
    Terry
    Member

    Sure, in the media query copy some of the css for a.page-title-button from around line 496 and change some/all of the following css:

    a.page-title-button {
border-radius: 5px;
font-size: 24px;
padding: 5px 10px 10px;
}
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.