• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

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

BlakeN

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.

Log In
Register Lost Password
  • Profile
  • Topics Started
  • Replies Created
  • Engagements
  • Favorites

Forum Replies Created

Viewing 20 posts - 1 through 20 (of 50 total)
1 2 3 →
  • Author
    Posts
  • November 11, 2020 at 11:30 am in reply to: Blank Space between last block and CTA footer Widget – Navigation Pro #501883
    BlakeN
    Participant

    That did it! Thank you

    It looks decent without having the whole site with the bar at the bottom but for some reason when I add .home to the front of the code it stops working. Either way I'm happy. Appreciate it.

    April 27, 2019 at 7:01 am in reply to: Column Classes Mobile View Spacing Errors #490899
    BlakeN
    Participant

    That worked!!!

    Thanks so much again. That was driving me crazy.

    April 26, 2019 at 11:51 am in reply to: Column Classes Mobile View Spacing Errors #490884
    BlakeN
    Participant

    Sorry to be a burden but I followed your directions from the prior reply and inserted at the bottom of 1023px section. I'm not sure why it's still rendering the way it is.

    I even tried dropping it at the top of the section with the same results.


    @media
    only screen and (max-width: 1023px) {
    .site-inner,
    .footer-widgets .one-fourth h3 {
    margin-top: 40px;
    }
    .footer-widgets .first h3 {
    margin-top: 0px;
    }
    .wrap {
    max-width: 768px;
    }
    .secondary-nav .site-inner {
    margin-top: 80px;
    }
    .front-page .site-inner {
    max-width: none;
    }
    .site-header {
    position: static;
    }
    .front-page .site-header {
    background-color: #000;
    }
    .front-page .site-header > .wrap {
    border: none;
    }
    .content,
    .sidebar,
    .site-header .widget-area,
    .title-area {
    width: 100%;
    }
    .site-header .title-area,
    .site-header.dark .title-area {
    padding: 15px 0;
    }
    .header-image .dark .site-title > a {
    height: 76px;
    }
    .genesis-nav-menu,
    .site-header .widget-area,
    .site-title {
    text-align: center;
    }
    .header-image .site-title > a {
    background-position: center !important;
    }
    .nav-primary .genesis-nav-menu {
    float: none;
    }
    .nav-secondary,
    .site-header.dark .nav-secondary {
    border-bottom: none;
    }
    .genesis-nav-menu a,
    .site-header.dark .genesis-nav-menu a {
    padding: 10px;
    }
    .front-page .site-inner {
    margin-top: 0;
    }
    .site-inner {
    margin-top: 80px;
    }
    .full-width-content .content {
    padding: 0;
    }
    .full-width-content img.pull-left {
    margin-left: 0;
    }
    .full-width-content img.pull-right {
    margin-right: 0;
    }
    .five-sixths,
    .four-sixths,
    .one-fourth,
    .one-half,
    .one-sixth,
    .one-third,
    .three-fourths,
    .three-sixths,
    .two-fourths,
    .two-sixths,
    .two-thirds {
    margin: 0;
    width: 100%;
    }
    .flexible-widgets.widget-full .widget,
    .flexible-widgets.widget-halves .widget,
    .flexible-widgets.widget-thirds .widget,
    .flexible-widgets.widget-fourths .widget {
    margin: 0 auto 20px;
    width: 100%;
    }
    .front-page-1 .widget:first-of-type h4,
    .front-page-2 .widget:first-of-type h4 {
    font-size: 60px;
    }
    .front-page-1 .image-section,
    .secondary-nav .front-page-1 .image-section {
    padding-top: 0;
    }
    }


    @media
    only screen and (max-width: 800px)

    April 26, 2019 at 6:44 am in reply to: Column Classes Mobile View Spacing Errors #490875
    BlakeN
    Participant

    I read through the inspect tool tutorial and dropped the code as specified in the last reply but it's still rendering as strangely on desktop.


    @media
    only screen and (max-width: 1200px) {
    .site-inner,
    .wrap {
    max-width: 960px;
    }
    .site-header .widget-area {
    width: 580px;
    }
    .content {
    width: 520px;
    }
    .full-width-content .content {
    padding: 0 110px;
    }
    .genesis-nav-menu a {
    padding: 30px 10px;
    }
    .site-header.dark .genesis-nav-menu a {
    padding: 20px 10px;
    }
    .front-page-1,
    .front-page-3,
    .front-page-5,
    .front-page-7 {
    background-attachment: scroll;
    }
    }


    @media
    only screen and (max-width: 1023px) {
    .site-inner,
    .wrap {
    max-width: 768px;
    }
    .secondary-nav .site-inner {
    margin-top: 80px;
    }
    .front-page .site-inner {
    max-width: none;
    }
    .site-header {
    position: static;
    }
    .front-page .site-header {
    background-color: #000;
    }
    .front-page .site-header > .wrap {
    border: none;
    }
    .content,
    .sidebar,
    .site-header .widget-area,
    .title-area {
    width: 100%;
    }
    .site-header .title-area,
    .site-header.dark .title-area {
    padding: 15px 0;
    }
    .header-image .dark .site-title > a {
    height: 76px;
    }
    .genesis-nav-menu,
    .site-header .widget-area,
    .site-title {
    text-align: center;
    }
    .header-image .site-title > a {
    background-position: center !important;
    }
    .nav-primary .genesis-nav-menu {
    float: none;
    }
    .nav-secondary,
    .site-header.dark .nav-secondary {
    border-bottom: none;
    }
    .genesis-nav-menu a,
    .site-header.dark .genesis-nav-menu a {
    padding: 10px;
    }
    .front-page .site-inner {
    margin-top: 0;
    }
    .site-inner {
    margin-top: 80px;
    }
    .full-width-content .content {
    padding: 0;
    }
    .full-width-content img.pull-left {
    margin-left: 0;
    }
    .full-width-content img.pull-right {
    margin-right: 0;
    }
    .five-sixths,
    .four-sixths,
    .one-fourth,
    .one-half,
    .one-sixth,
    .one-third,
    .three-fourths,
    .three-sixths,
    .two-fourths,
    .two-sixths,
    .two-thirds {
    margin: 0;
    width: 100%;
    }
    .flexible-widgets.widget-full .widget,
    .flexible-widgets.widget-halves .widget,
    .flexible-widgets.widget-thirds .widget,
    .flexible-widgets.widget-fourths .widget {
    margin: 0 auto 20px;
    width: 100%;
    }
    .front-page-1 .widget:first-of-type h4,
    .front-page-2 .widget:first-of-type h4 {
    font-size: 60px;
    }
    .front-page-1 .image-section,
    .secondary-nav .front-page-1 .image-section {
    padding-top: 0;
    }
    .footer-widgets .one-fourth h3 {
    margin-top: 40px;
    }
    .footer-widgets .first h3 {
    margin-top: 0px;
    }
    }

    April 26, 2019 at 6:42 am in reply to: Column Classes Mobile View Spacing Errors #490874
    BlakeN
    Participant

    I read through the tutorial on the inspect tool and followed the instructions from your most recent reply but the desktop version is still spaced strangely.

    Sorry to be a burden. Here is what it looks like:

    @media only screen and (max-width: 1200px) {
    	.site-inner,
    	.wrap {
    		max-width: 960px;
    	}
    	.site-header .widget-area {
    		width: 580px;
    	}
    	.content {
    		width: 520px;
    	}
    	.full-width-content .content {
    		padding: 0 110px;
    	}
    	.genesis-nav-menu a {
    		padding: 30px 10px;
    	}
    	.site-header.dark .genesis-nav-menu a {
    		padding: 20px 10px;
    	}
    	.front-page-1,
    	.front-page-3,
    	.front-page-5,
    	.front-page-7 {
    		background-attachment: scroll;
    	}
    }
    
    @media only screen and (max-width: 1023px) {
    	.site-inner,
    	.wrap {
    		max-width: 768px;
    	}
    	.secondary-nav .site-inner {
    		margin-top: 80px;
    	}
    	.front-page .site-inner {
    		max-width: none;
    	}
    	.site-header {
    		position: static;
    	}
    	.front-page .site-header {
    		background-color: #000;
    	}
    	.front-page .site-header > .wrap {
    		border: none;
    	}
    	.content,
    	.sidebar,
    	.site-header .widget-area,
    	.title-area {
    		width: 100%;
    	}
    	.site-header .title-area,
    	.site-header.dark .title-area {
    		padding: 15px 0;
    	}
    	.header-image .dark .site-title > a {
    		height: 76px;
    	}
    	.genesis-nav-menu,
    	.site-header .widget-area,
    	.site-title {
    		text-align: center;
    	}
    	.header-image .site-title > a {
    		background-position: center !important;
    	}
    	.nav-primary .genesis-nav-menu {
    		float: none;
    	}
    	.nav-secondary,
    	.site-header.dark .nav-secondary {
    		border-bottom: none;
    	}
    	.genesis-nav-menu a,
    	.site-header.dark .genesis-nav-menu a {
    		padding: 10px;
    	}
    	.front-page .site-inner {
    		margin-top: 0;
    	}
    	.site-inner {
    		margin-top: 80px;
    	}
    	.full-width-content .content {
    		padding: 0;
    	}
    	.full-width-content img.pull-left {
    		margin-left: 0;
    	}
    	.full-width-content img.pull-right {
    		margin-right: 0;
    	}
    	.five-sixths,
    	.four-sixths,
    	.one-fourth,
    	.one-half,
    	.one-sixth,
    	.one-third,
    	.three-fourths,
    	.three-sixths,
    	.two-fourths,
    	.two-sixths,
    	.two-thirds {
    		margin: 0;
    		width: 100%;
    	}
    	.flexible-widgets.widget-full .widget,
    	.flexible-widgets.widget-halves .widget,
    	.flexible-widgets.widget-thirds .widget,
    	.flexible-widgets.widget-fourths .widget {
    		margin: 0 auto 20px;
    		width: 100%;
    	}
    	.front-page-1 .widget:first-of-type h4,
    	.front-page-2 .widget:first-of-type h4 {
    		font-size: 60px;
    	}
    	.front-page-1 .image-section,
    	.secondary-nav .front-page-1 .image-section {
    		padding-top: 0;
    	}
    	.footer-widgets .one-fourth h3 {
        margin-top: 40px;
    	}
    	.footer-widgets .first h3 {
        margin-top: 0px;
    	}
    }
    April 25, 2019 at 6:45 pm in reply to: Column Classes Mobile View Spacing Errors #490866
    BlakeN
    Participant

    I tried both methods.

    Method one (Changing Style Sheet) resulted in strange footer spacing on the desktop version.

    Method two (Changing Function.php) resulted in the the four blocks stacked vertically rather than lining up at the bottom.

    April 25, 2019 at 8:20 am in reply to: Column Classes Mobile View Spacing Errors #490861
    BlakeN
    Participant

    Okay I've removed the CSS minification and inspected the code but am still unsure of where to add the margin top/bottom value.

    April 25, 2019 at 7:52 am in reply to: Column Classes Mobile View Spacing Errors #490859
    BlakeN
    Participant

    The problem is not the width but rather the spacing from one column to the next.

    Since they're stacked in the mobile view the last line of the previous column and the first line of the following column are stacked right on top of each other without any spacing so it's extremely difficult to differentiate the text.

    Ex) "Tampa, FL 33607" is sitting right on top of "About Us"

    I tried using 4 custom HTML widgets but then the desktop version has them stacked vertically.

    April 25, 2019 at 7:39 am in reply to: Column Classes Mobile View Spacing Errors #490857
    BlakeN
    Participant

    The main problem is not with the desktop site. It's with the spacing on the mobile site.

    "Please take a look at the footer on a cell phone and you will see what I'm referring to."

    April 25, 2019 at 6:57 am in reply to: Column Classes Mobile View Spacing Errors #490852
    BlakeN
    Participant

    No it hasn't been changed since I posted.

    I still need help resolving.

    April 8, 2019 at 5:49 am in reply to: Altitude Pro Sub Page Text Overlay On Image #490553
    BlakeN
    Participant

    Thanks

    October 9, 2018 at 1:24 pm in reply to: Executive Pro Transition to HTTPS #223621
    BlakeN
    Participant

    For those reading this chain I wanted to point out a solution.

    W3TC had been previously implemented and was removed but it still remained in htaccess and had to be removed.

    Same scenario for cloudflare. These two were causing multiple issues.

    Cloudflare is SSL compatible but bluehost does not allow you to utilized their shared ssl so you would have to use a paid version.

    Basically check any CDNs, remove any caching plugins, implement really simple ssl and search and replace plugins, and make sure you htaccess is clean.

    October 9, 2018 at 10:11 am in reply to: Executive Pro Transition to HTTPS #223618
    BlakeN
    Participant

    I really appreciate the help here but am still perplexed as to what is going on.

    If you run whynopadlock on the site it lists a slew of errors.
    https://www.whynopadlock.com/results/a53bd93f-5d04-4d30-b073-86586575daba

    After running Search and Replace on all databases and there are no more instances of HTTP.

    The htaccess has not been 301'ed to the https version and I've used really simple SSL to force js redirection to ssl.

    I'm exhausting every possible cause here. If there is anything that you may believe could possibly work please let me know.

    October 8, 2018 at 8:32 am in reply to: Executive Pro Transition to HTTPS #223597
    BlakeN
    Participant

    I actually previously forced HTTPS in the htaccess with a redirect and it broke the site. The CSS was not rendering correctly and it looked like a plain text site so I switched back.

    After reaching out to Bluehost they said that it needed to be fixed on the web development end then when I forced the htaccess to push the https version the css would not break.

    May 2, 2018 at 6:44 am in reply to: Forum Spam in Responses #219505
    BlakeN
    Participant

    Thank you for the help.

    I still believe we should have a medium to report spam and users to be blocked that does not stem from a "general discussion" topic or something of the sort.

    It would be much easier on both of you and given the volume of topics in these forums no one would expect either of you to catch the bulk of it.

    March 20, 2018 at 9:12 am in reply to: Academy Pro Them Featured Image Placement #218134
    BlakeN
    Participant

    Removing the code did it.

    Thanks

    January 31, 2018 at 8:46 am in reply to: Wellness Pro – Display Post Title & Image on Category Pages #215912
    BlakeN
    Participant
    This reply has been marked as private.
    January 31, 2018 at 8:38 am in reply to: Wellness Pro – Display Post Title & Image on Category Pages #215911
    BlakeN
    Participant

    Brad I've been playing with it and nearly have it there. Initially I did not use the genesis archive page php to start with and I'm not sure what was missing but it seems to be on track now.

    Thanks again for all the help.

    January 18, 2018 at 1:39 pm in reply to: Wellness Pro – Display Post Title & Image on Category Pages #215504
    BlakeN
    Participant

    /public_html/wp-content/themes/wellness-pro

    In the root theme folder as the post instructed. Same location as style.css, front-page.php, etc.

    January 18, 2018 at 9:42 am in reply to: Wellness Pro – Display Post Title & Image on Category Pages #215494
    BlakeN
    Participant

    Tried that and it did not work either.

    I'm not currently running any caching installs or have added any custom function. I've set the site up recently and for the most part it's a base install.

    https://thinkeattrain.com/wp-content/uploads/2018/01/Screen-Shot-2018-01-18-at-10.40.38-AM.png

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 50 total)
1 2 3 →

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble