rosener

The width of the font Verdana is significantly larger than sans-serif.

I figured it out! I just needed to change the default font from Verdana to sans-serif:

div { font-family: san-serif; }

I should mention that the code listed above looks perfect on a mobile device (Android). But on a desktop or tablet, the text inside the svg image is enlarged. Thanks, Bill

Excellent! Everything is now looking perfect. The three horizontal bars and the text “Select Page” all appear on one line! Thanks. Bill

Not quite there yet.

Unfortunately, while my attempt looked great on a mobile
device, it did not look good on a regular monitor.

When I made the modification as suggested:
<p class=”menu-toggle”>Select Page</p>

It places the words “Select Page” on the line below
the three horizontal bars. Is there a way to
get both “Select Page” and the three horizontal bars
on the same line.

Thanks,
Bill

Do you guys have a “Donate” option setup?

Nitu,

You guys are the best. I slightly modified your code as shown
below, so now the text “Select Page” and the three horizontal bars
all appear on the same line – when viewed on a mobile device.

<i style=”color:white; float:left;”>Select Page</i><p class=”menu-toggle”></p>

https://suncatcherstudio.com/

Thanks,
Bill

Can you provide me a hint? For example, the file and line I would need to modify to
add text (e.g., “Select page”) to the mobile menu. How much would you charge, to help me? Thanks, Bill