Viewing 30 posts - 1 through 30 (of 39 total)
1 2
  • Author
    Posts
  • March 22, 2015 at 6:05 pm #416019
    vegaspro

    We want to EDIT these elements in MOBILE VIEW only. Please advise the code or what files need to be edited.

    SCREENSHOT: http://postimg.org/image/qp9a24r3f/

    BLUE MARKS: We want to REMOVE these sections and elements
    RED MARKS: We want to place a mobile Advertisement here (Adsense)

    Please advise!

    Thanks!

    March 22, 2015 at 6:13 pm #416022
    vegaspro

    Sorry forgot to add these:

    1. How to remove the swipe left action? (That one that shows more pages). We do not want any swiping left or right.

    2. Mobile Footer: http://postimg.org/image/j7hx1g06r/

    3. Blog Landing Page: http://postimg.org/image/4ydkiwge5/

    March 23, 2015 at 5:57 pm #416521
    vegaspro

    Support?

    March 23, 2015 at 6:02 pm #416525
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Stlyling tab

    @media only screen and (max-width: 480px) {
a#advanced_menu_toggle,.title_container,.comment_container,comment_meta_container { display: none !important; }}

    Cheers!
    Yigit

    March 23, 2015 at 6:10 pm #416535
    vegaspro
    This reply has been marked as private.
    March 23, 2015 at 6:22 pm #416548
    Yigit

    Hey!

    1- Please add following code to Quick CSS 

    @media only screen and (max-width: 480px) {
.slide-meta { display: none !important; }}

    2- Please add following code to Functions.php file in Appearance > Editor

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub) {
    $sub .= "YOUR CODE GOES HERE!";
    return $sub;
}

    Best regards,
    Yigit

    March 23, 2015 at 6:35 pm #416561
    vegaspro

    1. Replies still appears there. What is .slide-meta?

    2. Will this be overwritten if I update the Theme?

    March 23, 2015 at 6:49 pm #416574
    Yigit

    Hi!

    1- Sorry, please change the code to following one

    @media only screen and (max-width: 480px) {
.side-container-comment { display: none !important; }}

    I forgot a dot in front of the class in the code i posted here – https://kriesi.at/support/topic/how-to-remove-these-mobile-elements-see-attached/#post-416525
    2- Yes it will but you can use a child theme to avoid that. You can download pre-built child theme here – http://kriesi.at/documentation/enfold/downloads/
    Cheers!
    Yigit

    March 24, 2015 at 12:46 am #416816
    vegaspro

    That worked but You forgot to tell me the code to remove the comments / date on each post in the Grid. See my screen shot from earlier?

    March 24, 2015 at 4:46 pm #417159
    vegaspro

    @Yigit are you still around to fix this?

    March 24, 2015 at 4:52 pm #417163
    Yigit

    Hey!

    First code i posted here should remove them – https://kriesi.at/support/topic/how-to-remove-these-mobile-elements-see-attached/#post-416548
    I checked your website and i cannot see it being applied

    Best regards,
    Yigit

    March 24, 2015 at 4:52 pm #417164
    vegaspro

    Your code broke our site, I added our Google Adsense code between the ” ” to functions.php as you instructed

    add_filter(‘avf_logo_subtext’, ‘kriesi_logo_addition’);
    function kriesi_logo_addition($sub) {
    $sub .= “<script type=”text/javascript”>
    google_ad_client = “ca-pub-26333453226”;
    google_ad_slot = “2017817757”;
    google_ad_width = 320;
    google_ad_height = 50;
    </script>
    <!– photoshopcs6 mobile home bottom –>
    <script type=”text/javascript”
    src=”//pagead2.googlesyndication.com/pagead/show_ads.js”>
    </script>”;
    return $sub;
    }

    • This reply was modified 9 years, 7 months ago by vegaspro.
    March 24, 2015 at 4:59 pm #417174
    vegaspro

    @Yigit Here is what I Have in Quick CSS

    @media only screen and (max-width: 480px) {
a#advanced_menu_toggle,.title_container,.comment_container,.comment_meta_container { display: none !important; }}

@media only screen and (max-width: 480px) {
.side-container-comment { display: none !important; }}

@media only screen and (max-width: 480px) {
.slide-meta { display: none !important; }}

    And that worked, there was a period missing before comment_meta_container

    HOWEVER, Adding Google Adsense broke the site. What is proper way to place the Google Adsense snippet?

    • This reply was modified 9 years, 7 months ago by vegaspro.
    March 24, 2015 at 5:02 pm #417177
    Yigit

    Hey!

    Please create a temporary admin login and post it here privately so we can look into it.

    Best regards,
    Yigit

    March 24, 2015 at 5:08 pm #417183
    vegaspro
    This reply has been marked as private.
    March 24, 2015 at 5:15 pm #417188
    Yigit

    Hey!

    1- I have added the code to functions.php file
    2- Custom CSS code is now working fine on my end – http://i.imgur.com/pvZETla.png
    Please review your website now

    Cheers!
    Yigit

    March 24, 2015 at 6:37 pm #417281
    vegaspro
    This reply has been marked as private.
    March 24, 2015 at 6:46 pm #417290
    Yigit

    Hey!

    Please change double quotes around <script> tag with a single quote. Before opening and closing so it should be as following 

    $sub .= '<script type="text/javascript">
</script>';

    Regards,
    Yigit

    March 24, 2015 at 8:04 pm #417342
    vegaspro
    This reply has been marked as private.
    March 24, 2015 at 8:10 pm #417346
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
.home .content {
  padding-top: 5px;
}
.home .entry-content {
  display: none;
}}

    Regards,
    Yigit

    March 24, 2015 at 8:10 pm #417347
    vegaspro

    @Yigit, the issue we spotted by putting Adsense code in Functions.php is that it appears on every page now, the landing pages too. That is a problem for us as we only want a 320×50 Ad at the top and the footer of the HOME PAGE. The landing pages are utilizing QuickAdsense plugin to display 3 ads properly on each Blog Post landing page. With this approach 4 ads are appearing now and this is bad.

    So the question remains, how do we put a 320×50 ad in the header and footer of ONLY the home page? While still showing the latest posts as it is now.

    March 24, 2015 at 8:13 pm #417352
    Yigit

    Hi!

    Please change the code to following one

    add_filter(‘avf_logo_subtext’, ‘kriesi_logo_addition’);
function kriesi_logo_addition($sub) {
if(is_home()) {
$sub .= '<script type="text/javascript">
YOUR CODE HERE
</script>';
return $sub;
}
}

    Regards,
    Yigit

    March 24, 2015 at 8:22 pm #417361
    vegaspro

    @Yigit that fixed the spacing issue. And I added the new code but the 320×50 ad is not appearing now. Can you check?

    March 25, 2015 at 2:41 am #417519
    vegaspro
    This reply has been marked as private.
    March 26, 2015 at 12:20 am #418223
    vegaspro

    Anyone?

    March 26, 2015 at 2:30 am #418251
    Yigit

    Hey!

    I wanted to check your website but i am getting “502 Bad Gateway” error. Can you please look into it?

    Regards,
    Yigit

    March 26, 2015 at 3:58 am #418298
    vegaspro
    This reply has been marked as private.
    March 26, 2015 at 12:22 pm #418461
    Yigit

    Hey!

    Do you mind posting FTP access here privately please? Site is still not loading on my end

    Regards,
    Yigit

    March 26, 2015 at 4:43 pm #418585
    vegaspro
    This reply has been marked as private.
    March 26, 2015 at 4:48 pm #418592
    Yigit

    Hi!

    Please review your website now. I have added the code to Functions.php file once again

    Best regards,
    Yigit

  • Author
    Posts
Viewing 30 posts - 1 through 30 (of 39 total)
1 2
  • The topic ‘How to remove these Mobile Elements (See attached)’ is closed to new replies.