Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 4, 2016 at 3:31 pm #627291
    lzevon

    I’m having trouble getting two responsive edits to work from information I culled from previous support posts. The code below might be slightly different from what I found in the forums only because previous iterations failed to work…

    /* mobile menu on tablet landscape */
    @media only screen and (max-width: 1024px) {
    #advanced_menu_toggle { display: block !important; }
    nav.main_menu { display: none !important; }
    }

    /* smaller caption title in fullwidth easy slider */
    @media only screen and (max-width: 320px) {
    h2 .avia-caption-title {
    font-size: 12px !important;
    line-height: 14px;
    }

    See the attached screen shots…

    Thank you

    May 4, 2016 at 10:39 pm #627535
    lzevon

    It looks like in the shortcode.css file this block is preventing me from achieving what I’m after. The “!important” declaration being used here is frustrating me. I don’t edit the shortcode.css file in my child theme at present and wonder if this means I need to?

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {
    .responsive #top .slideshow_caption {left: 0; width:100%; padding:0;}
    .responsive #top .slideshow_caption h2{font-size: 20px !important;}
    .responsive #top .slideshow_caption .avia-caption-content{font-size: 13px !important;}

    May 5, 2016 at 7:18 am #627657
    Jordan

    Hi,

    Sorry for the delayed response.

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • the URL to the login screen
    • a valid username (with full administration capabilities)
    • as well as a password for that username

    Best regards,
    Jordan

    May 5, 2016 at 5:20 pm #627921
    lzevon

    Hi Jordan,
    Hopefully you get this soon, we are in the midst of the launch and eager to figure this out!

    Thanks!

    May 5, 2016 at 10:26 pm #627996
    lzevon

    Just for my own information and to help set expectations with my client, what time zone is support for Enfold operating from? I worked another hour or so trying every conceivable combination of CSS edit in the child theme. We missed our deadline today, but I am hopeful for tomorrow. The issue persists that I can not change the size of the caption title in the fullwidth easy slider, nor can I seemingly change the breakpoint for the mobile menu to appear at 1024.

    Thanks

    May 6, 2016 at 3:09 pm #628337
    lzevon

    Any update? I don’t mean to hassle, but even looking at the source and linking to the CSS should’ve maybe been enough to provide me with some feedback?

    May 6, 2016 at 3:59 pm #628364
    Basilis

    Hi!

    When you post into a topic many times, it gets last in the que, that makes issues.
    Please check your mobile cache, I loaded of my iOS and I can see it working fine

    Cheers!
    Basilis

    May 6, 2016 at 5:35 pm #628411
    lzevon

    Basils it is not working for me and cache is not the issue. I made a quick video for you to see.

    May 9, 2016 at 12:45 pm #629158
    Yigit

    Hey!

    I changed your code to following one 

    @media only screen and (max-width: 480px) {
h2.avia-caption-title { font-size: 14px !important; }
.caption_bottom .slideshow_caption .slideshow_inner_caption { padding: 0 !important; }
}

@media only screen and (max-width: 1024px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none!important; }}

@media only screen and (max-width: 1024px) and (min-width: 990px) {
.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 124px !important;
}}

    and there was an additional ” which should not be there in your custom CSS, i removed it. Please review your website now

    Best regards,
    Yigit

    May 9, 2016 at 4:20 pm #629322
    lzevon

    Cheers Yigit, looks good and thank you.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘responsive edits not working’ is closed to new replies.