Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • November 7, 2013 at 1:51 am #185427
    BigDaddyBass

    Hey Kriesi folk,

    I love the enfold WP template but I’m running into some trouble here.

    In the site I used enfold in, http://girlfriendsconf.com, I think everything looks great for the desktop version. My only issue now is looking at the mobile version, I’ve run into seeing these black bars. They don’t appear on the desktop version of the site. Even when I adjust the width of my browser to make the mobile version show up, the black bars don’t appear. But when I look at it from my iPhone, there are the bars. Just so you can see for yourself, the bars appear on the following pages

    girlfriendsconf.com/ [ it appears over the video and on of the girls holding the umbrella ]
    girlfriendsconf.com/media/ [ it occurs right under the Apple and Andriod buttons]
    girlfriendsconf.com/speakers/ [it occurs in the paragraph about Joyce Meyer]
    girlfriendsconf.com/connect/ [It appears over the photos of Anabel and her bio]
    girlfriendsconf.com/register/ [it appears after the KidZone conference Register button]
    girlfriendsconf.com/info-details/ [ it appears of the picture of the two girls with Umbrellas]

    Its hard for me to view the CSS for mobile. I have no clue why its doing this even after viewing the CSS. Please help me. This website is launching this week.

    November 7, 2013 at 5:46 am #185484
    Josue

    Hi Steven!

    Can you post a screenshot of your view (mobile)?

    Best regards,
    Josue

    November 7, 2013 at 8:29 pm #185807
    BigDaddyBass

    here you go… please let me know what I need to do to get rid of these black bars.

    Here is my custom CSS:
    .big-name { font: 80px “HelveticaNeueUltraLight”, “Helvetica Neue”, Helvetica, Arial, sans-serif; }
    #header_main { border-bottom-width: 0px !important; }
    .avia-icon-list .iconlist_title { padding:5px; }
    #disqus_thread {padding-right:5px;}
    .flowplayer .fp-progress {
    background-color: #d30283;
    }
    .main_menu li a { text-transform:uppercase; color:#FFF; }
    .container_wrap { border-top-width: 0px !important; }
    #avia-menu a {color:#FFF;}
    #avia-menu a:hover {color:#d30283;}
    .fp-logo { display:none !important; }

    black lines<br>
    black lines <br>
    black lines<br>
    black lines<br>
    black lines<br>
    black lines<br>
    black lines<br>
    black lines<br>
    black lines<br>
    black lines<br>
    black lines<br>

    • This reply was modified 11 years, 6 months ago by BigDaddyBass.
    November 7, 2013 at 8:31 pm #185809
    Josue

    Hey!

    I don’t own an iOS device, but @Yigit does, i tagged him to this topic, let’s wait for his response :)

    Cheers!
    Josue

    November 7, 2013 at 8:38 pm #185811
    BigDaddyBass

    @Josue have you viewed this site on your mobile device? I’m guessing its an Android. You don’t see the lines?

    November 7, 2013 at 8:43 pm #185812
    Josue

    Hi!

    Yes, i tested your website on an Android device (Nexus 7), on Chrome, no issues so far.

    Best regards,
    Josue

    November 7, 2013 at 9:15 pm #185819
    Yigit

    Hey!

    Yes they are visible on my end as well. Can you try adding following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 767px) { .page-id-21 .avia-builder-el-7 { display: none!important; }}

    and check the line in “girlfriendsconf.com/media/ [ it occurs right under the Apple and Andriod buttons]”?

    Regards,
    Yigit

    November 7, 2013 at 10:54 pm #185850
    BigDaddyBass

    Hey


    @Yigit     Now I see two lines instead of just one…. really weird.

    Thanks in advance for your help

    • This reply was modified 11 years, 6 months ago by BigDaddyBass.
    November 7, 2013 at 11:05 pm #185857
    Yigit

    Hey!

    Can you try deactivating all active plugins and check if that helps?
    Updating your theme might help as well. You are currently using version 2.2. You can download version 2.4.2 from ThemeForest
    For a quick guide on updating your theme take a look at this video on updating the Enfold theme via FTP: https://vimeo.com/channels/aviathemes/67209750

    Cheers!
    Yigit

    November 7, 2013 at 11:52 pm #185880
    BigDaddyBass

    hey @Yigit,

    I’ve updated theme via FTP and deactivated the plugins. Now there are even more lines.

    November 8, 2013 at 12:21 am #185894
    Yigit

    Hey!

    On my end there are only 2 lines in each page and they appear on 3rd swipe in portrait mode in the same location on every page. Please try replacing the code i posted above with following one

    @media only screen and (max-width: 767px) { .page-id-21 .avia-builder-el-7 { visibility: hidden!important; }}

    Regards,
    Yigit

    November 8, 2013 at 1:21 am #185929
    BigDaddyBass

    Hey @Yigit

    Well…. I figured it out. There’s a plugin that I had two different versions of a plugin that conflict. Sorry for all of the stress I may have caused. This theme is the best theme I’ve ever worked with. I look forward to the next big theme you guys come out with.

    Steve

    November 8, 2013 at 1:24 am #185931
    Yigit

    Hey!

    Glad you figured it out! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Black Horizontal Bars Mobile’ is closed to new replies.