Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 11, 2017 at 10:17 pm #732345
    splashmediagroup

    ==============================
    RESOLVED – RESOLVED – RESOLVED
    ==============================

    *** I discovered the issue was not because of the Grid Row. It has to do with a Code Block that I placed near the top of the page to implement some buttons using button shortcode. Although I closed my divs properly within the Code Block, it looks like the code block doesn’t like something in the button shortcode. If I remove the shortcode and check the page in a browser, it all works as normal. If I place the button shortcode back into the code block, the page breaks/doesn’t stack. To fix this I created my own custom button NOT using the button shortcode all the page has no issues now. ***

    ISSUE #1
    =======
    On the homepage ONLY of my development site, my design requires the use of a Grid Row. When I use the Grid Row (mine has 3 cols) my Color Sections BELOW the Grid Row, DO NOT stack the columns within the Color Section.

    – If I remove the Grid Row from the page, the stacking begins working
    – If I place the Color Section BEFORE the Grid Row, the columns stack properly.

    My design will not allow me to simply swap the placement… which really isn’t a solution or an option either.

    ISSUE #2
    ========
    On the homepage ONLY, the 4 columns in the footer DO NOT stack either. If I remove the Grid Row, they begin to stack

    TESTING
    =======
    – I’ve tested this by deactivating my plugins… which had no effect.
    – I don’t believe reinstalling the theme will do anything as I can get the columns stacking if I swap positions with the Grid Row… or remove the grid row altogether.

    THE STRANGE THING…
    ===================
    On a sub-page… if I place the exact same Grid Row and have color sections (each with columns) above and below, the stacking work fine… even the footer’s 4 columns work.

    There appears to be an issue with the homepage itself and the use of the Grid row

    Please advise

    • This topic was modified 7 years, 10 months ago by splashmediagroup. Reason: Found issue and resolved it
    January 12, 2017 at 7:26 am #732508
    Rikard

    Hey splashmediagroup,

    Thanks for updating your post. Just to be clear; you have solved all your issues?

    Best regards,
    Rikard

    January 12, 2017 at 5:15 pm #732715
    splashmediagroup

    Hi Rikard
    I appear to have solved it by replacing the button shortcode within the code block, with my own html code to create the buttons.

    I’m not certain if there is an actual issue with placing button shortcode in a code block, or if there was an error on my part.

    January 13, 2017 at 4:49 am #732956
    Nikko

    Hi,

    Glad that you found a workaround. :) Using codeblocks shouldn’t cause an issue, though it has a high risk of making mistakes on the code being added inside causes the issue.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Color Section Column Stacking Issue on Homepage ONLY when also using a Grid Row’ is closed to new replies.