スマホだと<li>に・が出るのですが

質問

Wordpressを使ってホームページを作成しています。
初心者です。

ショッピングサイトを作成する際
<ul>と<li>を使って、商品の画像、商品名、カートボタン、この３っつを横並びにした一行を作り、
それをいくつも重ねて、一覧表の中で買い物をできるような感じの物を作りました。

ところが、スマートフォンで見ると、
<li>を使ったところに・が入ります。
パソコンの方では、CSSでtable-cellと書いているので、それで・が見えないのだと思います。

何か改善の方法はありますか？

回答No.2

muuming2001 · ベストアンサー

画面の幅によって読み込むCSSが異なるのかもね。
https://allabout.co.jp/gm/gc/396404/

お礼

そういう事ですか。
調べてみましたが、初心者でもあるし詳しい事までは分かりませんでした。

Iconic one というテーマを使わせて頂いているのですが、
そのテーマ自体のフォルダを見るとスタイルシートはstyle.cssの１つだけで設定していそうなのですが、
page-templatesというフォルダがあり、その中に、full-width.phpというファイルがあり、何となくですが、このファイルで画面サイズを見て、判断しているっぽいです。
すみません、よく分からないので、あくまでも推測ですが・・・

うーん、初心者には簡単には直せそうにないですね。

回答、ありがとうございました。

回答No.3

muuming2001

AndroidとPCあればスマホで実際に見ている画面をデバック出来ます。

http://qiita.com/hojishi/items/12b726f8b02ef3d713e4

chromeの開発者ツール使えば、実際にそこの部分にどんなcssがあてられているのか見ることが出来ます。

が、ちょっと難しいかもですね。
以上、補足情報でした。

お礼

せっかく手順まであるのですから、やってみようと思い、
教えて頂いたＵＲＬ先の手順を踏んでみました。

準備の段階で、
「PC に Google USB Driver をインストールする 」ここをクリックすると、「ここをクリックして Google USB ドライバの ZIP ファイルをダウンロードします （latest_usb_driver_windows.zip）」という内容が書いてあるページに飛ぶのですが、ここがダウンロードできず断念しました。

クリックしてもダウンロードが始まらないのです。
ファイル名だけで検索すると、危険なサイトに繋がりました、という警告がノートン・アンチウィルスより出されたので止めました。

せっかく前に進めそうだったのに、残念です。

回答、ありがとうございました。

回答No.1

Zephir_rihpeZ

「・」などを非表示にするのなら
CSSで
list-style: none;
にしておけば、
PC/スマホどちらでも見栄えに違いは無いのでは。

お礼

うーん・・・
追加してみたのですが、変化無いです。

検索したら、list-style-type:none;
というのもあったので、こちらもやってみたのですが、変化無しです。

スマホだけ・が付いて見えます。

回答、ありがとうございました。