Hyphen on Site Title

  • Author
    Posts
  • #159895

    amberusmani
    Member

    Hi there! I’m wondering how I can remove the hyphen in the mobile view from my site title. Can you please advise?

    The blog I need help with is itsamberu.com.

    #159896

    amberusmani
    Member

    One more question. On mobile, why do the photos appear twice on my post. How do I correct this?

    #159907

    alinclamba
    Theme Author

    Hey, Amber!

    This is Alin at Pixelgrade.

    Let’s take the questions one by one.

    #1. Iā€™m wondering how I can remove the hyphen in the mobile view from my site title. Can you please advise?

    In order to disable hyphen on mobile, you can use the CSS below:

    /* Disable Hyphens on Mobile */
    @media screen and (max-width: 800px) {
    * {
      -webkit-hyphens: none;
      -ms-hyphens: none;
      hyphens: none;
    }}

    Learn more about adding custom CSS here.

    Give it a try and let me know how it goes.

    #2. On mobile, why do the photos appear twice on my post? How do I correct this?

    That happens because most probably, you add the featured image on the post content, too. As you can see, each post has a featured image, which will be displayed on Single-post, at the top of the post. You don’t have to add it again there.

    Let me know if my message did help; otherwise, I’ll try again. :)

    Alin
    Pixelgrade

    #159920

    amberusmani
    Member

    Thank you Alin!

    #160044

    alinclamba
    Theme Author

    You are more than welcome, Amber! šŸ¤—

    If there’s anything else I can help you with, just let me know without thinking twice.

    Stay safe and kind; the world needs more of that.

    Alin
    Pixelgrade

    #160077

    amberusmani
    Member

    Hi Alin!

    I’m noticing an issue with my numbered lists. On desktop the lists show fine, but on the mobile site it starts with the number 0 so it looks very use. See examples of these two posts:

    https://itsamberu.com/2020/12/08/two-quick-dessert-recipes-to-make-for-your-holiday-potluck/

    https://itsamberu.com/2020/12/02/the-obligatory-2020-holiday-shopping-list/

    #160078

    amberusmani
    Member

    Sorry one more question, if you can please address separately. I noticed when adding a “subscribe” button on the Contact page (https://itsamberu.com/contact/) it oddly cuts off into two lines instead of being able to be a longer text box or scrollable side to side. Is there a way to make this better on both on desktop and mobile? Thanks!

    #160472

    babbardel
    Theme Author

    Hey, Amber!

    Let’s take them separately:

    1. Lists number starts from number 0

    I tested on various browsers and noticed that this is happening on Safari (both desktop & mobile).

    I suggest adding the following CSS to fix it:

    
    .entry-content ol, .comment__content ol {
       counter-reset: none;
    }
    

    2. Subscribe button being cut off
    I’m not able to notice this issue ā€” can you give me a screenshot or a link to take a look?

    George

The topic ‘Hyphen on Site Title’ is closed to new replies.