2 columns side by side mobile

  • Resolved alexdex

    (@alexdex)


    5 years, 3 months ago

    Hi, i need to keep 2 columns align side by side without any spave between them also in mobile

    I added the css of genesis in my custom css but in mobile the 2 columns go responsive one after one

    I need to keep both in the same line as this website for example:

    https://vintnersdaughter.com/

    Check on mobile, the main slide keep the 2 columns also in mobile

    How they do it?

    I suppose they set a background image for each column but, is any possibility to has the same result with your plugin?

    Thank you so much

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter alexdex

    (@alexdex)

    Any Help????

    Plugin Author Nick Diego

    (@ndiego)

    Hi Alex,

    I apologize for the delayed reply. Can you provide me with a link to the site you are working on with the two columns? This can be done by removing the mobile-related CSS for Genesis columns, but if I can see the actual site, I can pinpoint what needs to be removed for your case specifically.

    Thanks,
    Nick

    Thread Starter alexdex

    (@alexdex)

    Hi, the website is mayelevenhairoil.com

    Check the main slider

    Thanks

    Plugin Author Nick Diego

    (@ndiego)

    Hi Alex,

    In your custom CSS you have the following:

    @media only screen and (max-width: 767px) {
	.five-sixths,
	.four-fifths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-fifth,
	.one-sixth,
	.one-third,
	.three-fifths,
	.three-fourths,
	.three-sixths,
	.two-fifths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}
}

    This is setting each column to be full width when the screen size is below 767 pixels. Simply remove this and you should be good.

    Nick

    Thread Starter alexdex

    (@alexdex)

    Great

    Thank you so much

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘2 columns side by side mobile’ is closed to new replies.