Bullet Points Still Showing On Mobile

  • Unknown's avatar
    nwabearsfan · Member ·

    I have removed bullet points from my unordered list successfully using the following css:

    ul.home_page_boxes li.home_page_boxes {
    list-style-type: none;
    float: left;
    margin-left: 50px;
    }

    However, when I view the pages with unordered lists on mobile (I have the iPhone 6S) the bullets points still show.

    Here is a link: https://thebaseballscholar.com/ballparks/

    Again, on desktop no bullet points but on mobile they still appear.

    Any ideas or suggestions?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, Expound is a responsive design which means it adjusts for all screen/window sizes, so you do not have to have the Mobile Theme set at Appearance > Mobile. If you deactivate that, the bullet points will go away and the site will look very similar on phones as it does on desktop.

    If you are using the Mobile theme on purpose intentionally, then you need to specifically target the mobile theme by using the mobile-theme CSS class set in the opening body HTML tag like this. Add this to your custom CSS. 

    .mobile-theme ul.home_page_boxes li.home_page_boxes {
	list-style: none;
}

    I also noticed that when I’m viewing your site with a narrower browser window, the title in your header image gets cut off on the left. If you add the following CSS at the very end of your existing custom CSS, it will fix that issue.

    .site-header .site-branding {
    background-position: 0 0;
}
  • Unknown's avatar
    nwabearsfan · Member ·

    Sorry I forgot to reply. This worked perfectly. Thanks!

  • kathrynwp · Staff ·

    Glad to hear it!

  • The topic ‘Bullet Points Still Showing On Mobile’ is closed to new replies.