Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 19, 2020 at 11:22 am #1261496
    mirotck

    hey guys

    is there a way to have a 2 column layout within a textfield in a toggle?

    I’d like to have the Icon right next to the text and not above like it is now. any idea of how to do this?

    thanks ahead!!

    Velosolutions International

    November 19, 2020 at 12:14 pm #1261509
    Yigit

    Hey,

    Please try adding following code to bottom of Quick CSS field in Enfold theme options > General Styling

    .hasCurrentStyle .team-member-name:nth-child(1) {
    float: left;
}

    If that does not help, please post a screenshot showing the changes you would like to make. You can upload your screenshots on imgur.com and post the links here.

    Best regards,
    Yigit

    November 19, 2020 at 5:07 pm #1261612
    mirotck

    Thank you so much Yigit!

    We are getting close! Is it possible to only make this changes on mobile and for every toggle? For now, only the first one is affected.

    thanks!

    November 19, 2020 at 5:14 pm #1261616
    Yigit

    Hi,

    Please edit your Accordion element and give it a unique ID (“custom-acc” in example below) in Advanced > Developer Settings – https://imgur.com/a/vMDPGG8 and then change the code to following one

    @media only screen and (max-width: 768px) { 
#custom-acc .team-member-name:nth-child(1) {
    float: left;
}}

    Best regards,
    Yigit

    November 20, 2020 at 11:35 am #1261752
    mirotck

    Thanks, added the unique ID in the accordion and added your code but it did not change anything and is back to original state now.
    any suggestion why?

    November 20, 2020 at 12:18 pm #1261763
    Yigit

    Hi,

    Please use the code as following

    @media only screen and (max-width: 768px) { 
#custom-acc .team-member-name:nth-child(1),
#custom-acc img.aligncenter {
    float: left;
}}

    Best regards,
    Yigit

    November 20, 2020 at 1:02 pm #1261774
    mirotck

    Thanks again!
    Now looking amazing on mobile, even better than I expected!
    However, on mobile it looks bad. icon is not on the same row as text .. any idea?

    View post on imgur.com

    November 20, 2020 at 1:23 pm #1261779
    Yigit

    Hi,

    I checked your website but it looks fine on my end on both mobile and desktop with resized window. Attached a screenshot in private content field :)

    Have you tested on actual device?

    Best regards,
    Yigit

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