Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 28, 2017 at 5:40 am #784282
    kristinstyle

    Hello. I have the basic layout of my site working well on the computer, but on the mobile site I need help with the following…
    1. I would like the logo centered and larger .
    2. I would like the devil image that is below the logo to be larger and without all the black space around it.
    3. I would like the black and white barrel image at the bottom to be smaller and fit better.

    Thanks for your help!
    Kristin

    May 1, 2017 at 7:40 am #785561
    Ismael

    Hey kristinstyle,

    Thank you for using Enfold.

    1.) Looks like you figured this out. The logo is already centered on mobile view.

    2.) Add another element (another slider, an image etc) that will replace the default slider on mobile view. Use css media queries to toggle the display properties.

    // http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

    3.) Add this code in the Quick CSS field.

    @media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
	.avia-image-container .avia-image-container-inner {
	    max-width: 50%;
	}
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.