Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 4, 2016 at 5:33 pm #668663
    vnfan

    Hi enfold support team,

    the iconboxs on my website on the mobile screem width 768px don`t have enough space for their content. I want add an extra class for those iconboxs sothat they display under each other on mobile version.
    Could you please help me?

    August 8, 2016 at 6:47 pm #669997
    Yigit

    Hey vnfan,

    Please turn on custom CSS field for ALB elements – kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your columns a custom CSS class and then add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) {
.your-custom-class { width: 100% !important; margin-left: 0 !important; }}

    If that does not help, please create a temporary admin login and post it here privately

    Best regards,
    Yigit

    August 9, 2016 at 2:01 pm #670327
    vnfan

    Hi Yigit,
    I have named it individualreise
    @media only screen and (max-width: 767px) {
    .individualreise {
    width: 100% ! important;
    margin-left: 0 !important; }
    }
    The iconboxs still display next to each other on mobile verson 768px. Could you please check it?

    Regarding my question about toggle id on the url. I have added this following code to my enfold child but nothing happens. Could you please take a look too?

    add_theme_support(‘avia_template_builder_custom_tab_toogle_id’);

    August 9, 2016 at 2:26 pm #670332
    Yigit

    Hey!

    1- Please insert your toggle ID into the field, screenshot in private content field.
    2- I added your content into a color section element and then added following code to Style.css file of your child theme 

    .page-id-4649 #after_section_2 {
    border-top: none;
}
@media only screen and (max-width: 767px) {
#individualreise .av-flex-placeholder {
    display: none;
}
#individualreise .flex_column_table {
    display: block;
}
#individualreise .flex_column {
    width: 100%!important;
    margin-left: 0!important;
    display: block;
}}

    Please review your website now

    Regards,
    Yigit

    August 9, 2016 at 3:09 pm #670349
    vnfan

    Hi Yigit,
    1. Do you mean: I shoud add “add_theme_support” to the line: “Für Entwickler: Benutzerdefinierte Toggle ID”? Now “#toggle-id-1” will be replaced by “#add_theme_support”. But I want that the browers only show the url of the page although I click on the accordion (no #toggle-id-1).

    2. Thanks a lot. I am happy with this now.

    August 9, 2016 at 3:11 pm #670351
    Yigit

    Hey!

    1- No, you should insert for example “my-toggle” and it will be displayed in url.
    2- You are welcome :)

    Cheers!
    Yigit

    August 9, 2016 at 4:16 pm #670371
    vnfan

    Hi Yigit,
    can I delete it instead of rename it?
    Please see my example website. The page url is the same when I open the accordion.

    August 10, 2016 at 11:38 am #670777
    Yigit

    Hi,

    Please try to refer to Josue’s post here – https://kriesi.at/support/topic/possibility-to-remove-url-parameter-for-active-toggles-e-g/#post-557607

    Best regards,
    Yigit

    August 10, 2016 at 6:05 pm #671024
    vnfan

    Hi Yigit,
    Remove toggle id on the url: It is more complicated than I have thought. I let it so and will try to delete it late when I have more time.
    However thanks!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘iconbox on mobile screen (width 768px)’ is closed to new replies.