Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 15, 2016 at 6:25 am #712329
    millertimesites

    Hello,

    Am working on a new website with Enfold and was wondering by the customer Separator/Whitespace isn’t mobile responsive.
    Have the icon set to Centered with a line 200px wide which works great on Desktop but is very off center on mobile

    Best Greek Restaurant Menu In Minneapolis – Uptown

    It has been confusing since the mobile screen size i’m testing on is over 600 pixels wide that it would be an issue, but I can’t figure it out.

    Thanks for your help,
    Jon

    November 15, 2016 at 10:48 am #712396
    Nikko

    Hi Jon!

    Can you post a link to the page shown in the screenshot? you can post it in the “private content” section so only moderators can see.

    Cheers!
    Nikko

    November 23, 2016 at 9:02 am #715779
    millertimesites

    here you go

    November 23, 2016 at 11:04 am #715814
    Nikko

    Hi!

    Thanks for providing the link, kindly add this code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  .hr-custom.hr-icon-yes.hr-center .hr-inner {
    width: 35% !important;
  }
}

    Let us know if it works :)

    Cheers!
    Nikko

    November 23, 2016 at 11:08 am #715817
    millertimesites

    That worked great and is a good patch until more editing options are available directly on the element.
    Thanks
    Jon

    November 23, 2016 at 11:47 am #715851
    Basilis

    Hey!

    Feel free to create a new ticket if you need anything else and please remember to rate our theme at themeforest also.

    Thanks a lot

    Cheers!
    Basilis

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Centering Icon On Custom Separator On Mobile Devices’ is closed to new replies.