Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 11, 2023 at 3:35 pm #1407119
    nolka

    I need to move the Grid Row upwards on my home page for mobile devices as there is quite a bit of negative white space on the mobile. Works ok with the desktop but not mobile.
    How can I move the entire grid row upwards to reduce the negative white space for mobile devices?
    If it was a section I could use the margins to change the top margin to a -80px, which would move it up as needed – but I don’t have this facility with the grid row.
    Can you help?
    Kevin.

    May 12, 2023 at 4:54 am #1407173
    Ismael

    Hey Kevin,

    Thank you for the inquiry.

    You can apply a negative top margin using CSS. Please provide us with the website details in the private field so that we can inspect the grid row element. You may need to apply a custom CSS class or ID to the grid row element so that we can target and style it specifically.

    Best regards,
    Ismael

    May 12, 2023 at 3:08 pm #1407246
    nolka

    I have attached the detail for the site…
    Kevin.

    May 12, 2023 at 3:13 pm #1407247
    nolka

    Sorry – meant to say its on the /welcome/ page and it is the grid lower down with the 4 columns…
    Cheers.
    Kevin.

    May 15, 2023 at 1:05 am #1407396
    Mike

    Hi,
    Thank you for the link to your site, I believe the grid row you are referring to starts with the text “250 Happy Clients” and the space above it on mobile is due to bottom padding from the element above it, so try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
	#top.page-id-330 #av_section_6 > .container > .content {
		padding-bottom: 0;
	}
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.
    Please see the screenshot in the Private Content area.

    Best regards,
    Mike

    May 15, 2023 at 11:44 am #1407435
    nolka

    Hi Mike,
    Yes, that worked perfectly… thanks :)
    I see you didn’t move the Grid upwards, but instead, removed the padding at the bottom of the section above to allow the Grid to be closer to the section above… very good.
    Thanks again, much appreciated :)
    Kevin.

    May 15, 2023 at 11:47 am #1407436
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Move Grid Row upwards for mobile device’ is closed to new replies.