Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 22, 2017 at 12:35 pm #891547
    Jasmer

    On the mobile site, I am seeing an issue with the Partner/Logo element.

    The top logo is separated from the other two below it. This is on the mobile site with icons in horizontal positioning.

    Please look at my existing QuickCSS.

    Solutions?

    Thank you,

    Jasmer

    December 22, 2017 at 5:03 pm #891639
    Victoria

    Hey Jasmer,

    If you want space between, use the code below. If not, set the value to 0.
    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .flex_column.slide-entry,
  .responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd,
   .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even  {
    margin-bottom: 20px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 22, 2017 at 7:21 pm #891678
    Jasmer

    Please look at the fully annotated screenshot in my previous message. Or just look at the site.

    The space is uneven.

    The space between the 1st and 2nd icon is larger than the space between the 2nd and 3rd icon.

    As stated, I want to fix that problem.

    December 22, 2017 at 7:39 pm #891687
    Jordan Shannon

    Hi,

    Add this to quick css:

    .real-thumbnail{
margin:20px 0px!important;
}

    Best regards,
    Jordan Shannon

    December 22, 2017 at 9:14 pm #891727
    Jasmer

    Thank you worked perfectly.

    Best,

    Jas

    December 22, 2017 at 11:07 pm #891761
    Jordan Shannon

    Hi,

    Great! If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mobile Site Partner/Logo Element’ is closed to new replies.