Okay
  Public Ticket #1154318
mobile responsivenes
Closed

Comments

  • jan started the conversation

    Hi, a have a problem with my mobileversion. The post is very narrow. When the post is loading it has the right width, but after loading it gets narrow.

    When you scroll down it gets even more narrow.

    I have tried to deactivate the Mailmunch forms, but it didn't change anything.

  •  175
    Marko replied

    Hello,

    can you tell me which mobile device are you using and maybe share a screenshot?


    Also, it would be helpful if you could share your WP login credentials so I can make adjustments right away if necessary. You can share theme here, just mark your reply as private.

    Best

  •   jan replied privately
  •  175
    Marko replied

    Hello Jan,

    it looks like that this widget (it's code) was causing the problem: http://prntscr.com/f33ypj
    It has set width to 450px (which is more then iPhone screen width - 320px) and that was causing the problem (although I couldn't replicate this issue using other mobile devices).

    I've added this CSS snippet :http://prntscr.com/f33yvy
    And it looks like problem is solved.

    Best

  • jan replied

    Hi Marko

    Thank you very much - it helped.

    When I scroll down though it is still getting narrow when I reach the sidebar. But I guess that is the way it has to be in this design?

    Is it possible to change the text to be left aligned on mobile, instead having straight margins? Know what I mean?

  •  175
    Marko replied

    Hello Jan,

    yes, the sidebar is left aligned on mobile (on little wider screens widgets are displayed in 2 columns).

    I'm not sure about your other question (regarding text alignment), can you share a screenshot maybe?

    Best

  • jan replied

    Hi Marko

    sorry for my late answer. What I would love is to have the text on mobile aligned to the left instead of straight margins.

    look at the screendump, which is from a word document. I prefer the left alignment (green arrow) and not the red arrow.

    hope you understand me now :-)

    Attached files:  align.JPG

  •  175
    Marko replied

    Hello Jan,

    try adding following to the "Custom CSS" field (Theme Settings -> Style):

    @media (max-width: 700px) {
        .entry-content p {
            text-align: left !important;
        }
    }
    

    Best

  • jan replied

    It's perfect!

    thank you

  •  175
    Marko replied

    You're welcome

  • jan replied

    Hi again

    I would open a new ticket, but I can't find my purchase code.

    I am considering to post job ads native on my site. All job ads will be posted as regular post, but on the frontpage I like to have a featured block with lets say the latest 5 job ads. Would I be able to do that with a widget? 

    In the menu i have a widget (recent post with thumbnails) that might be able to do the job. But how do i display it in the front page manager?

  • jan replied

    btw all the job ads will have the same category - job

  •  175
    Marko replied

    Hello Jan,

    you can't insert a widget into a front page manager as there aren't a widget area there.

    You can probably use a recent posts shortcode (I believe there are many plugins which add it) and paste shortcode into the "Custom content" element box: http://prntscr.com/fei3ur

    "Custom content" element displays whatever content you paste into it, like Javascript ad codes and similar, but it will also process shortcodes so this should work.

    Best

  • jan replied

    Thank you again - I will that

    regards Jan

  •  175
    Marko replied

    You're welcome

  • jan replied

    Hi again

    Is it possible to change the color on the headlines in some categories?

    regards Jan

  •  175
    Marko replied

    Hello Jan,

    in order to do that a custom CSS modification would need to be used.

    You can share a link to a page on which you want to change color and I could instruct you and provide an example, but then you should make additional tweaks / changes on your own.

    Best

  • jan replied

    Hi Marko

    http://www.medietrends.dk/fagbladet-3f-soeger-digital-medieredigerende/ 

    This post is so far the only post on this category. But I will like to change the color on the headline on all post in this category - also those that will be posted in the future.

    The new color will probably be #ff0000

  •  175
    Marko replied

    Hello Jan,

    just to confirm, you would like to change color of this heading: http://prntscr.com/fhzw1f ?

    If so try adding this PHP snippet to your child theme's functions.php file:

    add_filter('body_class','add_category_to_single');
    function add_category_to_single($classes, $class) {
      if (is_single() ) {
        global $post;
        foreach((get_the_category($post->ID)) as $category) {
          // add category slug to the $classes array
          $classes[] = $category->category_nicename;
        }
      }
      // return the $classes array
      return $classes;
    }
    

    If will add a new CSS class to <body> element on your single post pages, which will corespond to your category slug.

    Then add following to your "Custom CSS" field:

    .single-post.nyt-job .entry-title{
    color: #ff0000;
    }
    

    Best

  • vivienne replied

    Hello there. Last year i bought this theme and finally its online. but its not responsive on cell/smartphones in portraitstyle (android and others). The homepage works fine but not the pages/blogs. the text is very small. Can you help me out? look at: www.wijsgierigaagje.nl Thanks vivienne

  •  175
    Marko replied

    Hello Vivienne,

    we haven't had similar issues reported, so I'm not sure what could be the problem.

    I will have to ask you to open a separate ticket as this is created by another user, which will be notified on every response.

    Best

  • vivienne replied

    hai Marko,

    That is my next question. Because i dont know if i can by support again for this question or that you can help me out with this, i can't open a separate ticket because my supportservice has expired. that's why i put this question here. because it seems to be a similar problem. and get in contact ;-) what do i have to do? Thanks a lot! something like this?

    https://www.thesitewizard.com/css/mobile-friendly-responsive-design.shtml

     it seems easy to solve, but i dont know how and where to put the changes..

    Best!

    Vivienne

  •  175
    Marko replied

    Hello Vivienne,

    I see your problem on the single post page, but I'm not sure what is causing it. 

    We had similar bug reported in the past so it can be related as you're using a on old theme version (from Oct 2015). 

    Please download and update latest version from ThemeForest and most likely it will solve your problem. 

    Update instructions you can find here: http://demo.pukkathemes.com/ubergrid/documentation/#4.1

    Best

  •   jan replied privately